/* Ceiling Water Damage Pros — supplemental styles (Tailwind CDN handles most utility classes) */

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
}

/* Basic prose spacing for blog/about content since Tailwind CDN's typography plugin isn't loaded */
.prose p {
  margin-bottom: 1.1rem;
}
.prose h2 {
  margin-top: 1.75rem;
  margin-bottom: 0.75rem;
}
.prose strong {
  color: #0f1b2d;
  font-weight: 700;
}

/* Smooth open/close for FAQ <details> arrows */
details summary::-webkit-details-marker {
  display: none;
}

/* Sticky mobile call bar spacing so content isn't hidden behind it */
@media (max-width: 639px) {
  body {
    padding-bottom: 56px;
  }
}

/* Desktop nav dropdowns (Services / Locations / Resources): CSS group-hover already handles
   plain mouse hover; the .nav-open class is toggled by /static/app.js for click/keyboard/touch
   support, and stays open while the pointer is over the trigger OR the panel itself (hover
   bridge via the padding-top spacer on .nav-dropdown). */
.nav-trigger.nav-open .nav-dropdown {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.nav-trigger.nav-open .nav-chevron {
  transform: rotate(180deg);
}

/* Mobile accordion rotation state, toggled by /static/app.js */
.mobile-accordion-btn[aria-expanded="true"] .mobile-accordion-chevron {
  transform: rotate(180deg);
}