/* [NOM_ENTREPRISE] — styles complémentaires à Tailwind */

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

/* Header: légère ombre + fond plus opaque au scroll */
#site-header.is-scrolled nav {
  box-shadow: 0 8px 24px -12px rgba(15, 23, 42, 0.25);
}

/* Animations douces */
@keyframes pulse-slow {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.85; transform: scale(1.06); }
}
.animate-pulse-slow {
  animation: pulse-slow 2.4s ease-in-out infinite;
}

/* FAQ chevron rotation */
.faq-trigger[aria-expanded="true"] i[data-lucide="chevron-down"] {
  transform: rotate(180deg);
}

/* Menu déroulant "Villes" */
[data-dropdown] i[data-lucide="chevron-down"] {
  transition: transform 0.2s ease;
}
[data-dropdown][aria-expanded="true"] i[data-lucide="chevron-down"] {
  transform: rotate(180deg);
}

/* Photo avant / après */
#baw-container {
  aspect-ratio: 16 / 9;
}

/* Focus visible propre au clavier */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #C2410C;
  outline-offset: 2px;
}