/* Bridgepoint Advisory LLC — Custom Styles */

/* Smooth transitions for interactive elements */
a, button {
  transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

/* Button hover lift */
button:hover, a[class*="bg-brand"]:hover {
  transform: translateY(-1px);
}

/* Card hover effect */
.border-l-4:hover {
  transform: translateY(-2px);
}

/* Focus styles for accessibility */
input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible, a:focus-visible {
  outline: 2px solid #4f46e5;
  outline-offset: 2px;
}

/* Form input placeholder styling */
input::placeholder, textarea::placeholder {
  color: #9ca3af;
}

/* FAQ open state styling */
details[open] summary {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 1rem;
}

/* Header shadow on scroll — added via JS */
.header-scrolled {
  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  background-color: rgba(255, 255, 255, 0.97);
}

/* Radio button styling */
input[type="radio"] {
  accent-color: #4f46e5;
}

/* Select dropdown arrow fix */
select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6l3.5 4 3.5-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem;
  padding-right: 2.5rem;
}