/* StreetLegal Landing Page - Supplementary Styles
   Tailwind CSS handles the vast majority of styling.
   This file covers edge cases and custom animations only. */

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* FAQ details animation */
details[open] > summary ~ * {
  animation: slideDown 0.2s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Hide default details marker cross-browser */
details summary::-webkit-details-marker {
  display: none;
}

/* Hero gradient text fallback for older browsers */
@supports not (background-clip: text) {
  .bg-clip-text {
    color: #2563eb;
  }
}

/* Pricing card hover lift */
#pricing .grid > div {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#pricing .grid > div:hover {
  transform: translateY(-2px);
}

/* Mobile tap highlight removal */
a, button, summary {
  -webkit-tap-highlight-color: transparent;
}

/* Focus visible for keyboard nav */
:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Print styles */
@media print {
  nav, footer, #waitlist-form, .shadow-lg, .shadow-xl {
    display: none !important;
  }
  section {
    break-inside: avoid;
  }
}