html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

.fade-in { opacity: 0; transform: translateY(16px); transition: opacity 600ms ease-out, transform 600ms ease-out; }
.fade-in.is-visible { opacity: 1; transform: translateY(0); }

/* Audience toggle: hide elements not matching current audience */
body[data-audience="ophtalmo"]    [data-show="orthoptiste"] { display: none !important; }
body[data-audience="orthoptiste"] [data-show="ophtalmo"]    { display: none !important; }

/* Audience nav button states */
.audience-btn { color: rgb(71 85 105); }
.audience-btn.is-active { background: white; color: rgb(15 23 42); box-shadow: 0 1px 2px rgb(0 0 0 / 0.06); }

/* Language picker button states (dropdown items) */
.lang-btn.is-active { background: rgb(241 245 249); color: rgb(15 23 42); font-weight: 600; }

/* Language dropdown trigger: show only the active flag */
.lang-trigger-flag { display: none; }
html[lang="fr"] [data-trigger-flag="fr"],
html[lang="en"] [data-trigger-flag="en"],
html[lang="de"] [data-trigger-flag="de"],
html[lang="it"] [data-trigger-flag="it"] { display: inline-block; }