/* Rafting-Kayak Provence — overrides & animations non couvertes par Tailwind utility classes */

:root {
  --color-river: #0f766e; /* teal-700 */
  --color-sun: #f59e0b;   /* amber-500 */
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Manrope", ui-sans-serif, system-ui, sans-serif;
}

.font-display {
  font-family: "Fraunces", ui-serif, Georgia, serif;
}

/* ---------- Reveal au scroll ---------- */
[data-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

[data-reveal-delay="1"] { transition-delay: 0.1s; }
[data-reveal-delay="2"] { transition-delay: 0.2s; }
[data-reveal-delay="3"] { transition-delay: 0.3s; }
[data-reveal-delay="4"] { transition-delay: 0.4s; }

/* ---------- Hero entrance ---------- */
@keyframes hero-in {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

.hero-in-1 { animation: hero-in 0.8s ease both; animation-delay: 0.1s; }
.hero-in-2 { animation: hero-in 0.8s ease both; animation-delay: 0.3s; }
.hero-in-3 { animation: hero-in 0.8s ease both; animation-delay: 0.5s; }
.hero-in-4 { animation: hero-in 0.8s ease both; animation-delay: 0.7s; }

/* ---------- Accordéons FAQ ---------- */
[data-accordion-panel] {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}

[data-accordion-icon] {
  transition: transform 0.25s ease;
}

/* ---------- Scrollbar discrète ---------- */
::selection {
  background: var(--color-river);
  color: #fff;
}

/* ---------- Lien de navigation actif ---------- */
header nav a[aria-current="page"],
#mobile-menu a[aria-current="page"] {
  color: var(--color-river);
  font-weight: 700;
}