/* ─── Base ──────────────────────────────────────────────── */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

/* ─── Navbar transition ────────────────────────────────── */
#navbar {
  transition: background 0.3s, box-shadow 0.3s;
}

/* ─── FAQ chevron animation ────────────────────────────── */
.faq-chevron {
  transition: transform 0.2s ease;
}

/* ─── Feature cards stagger on scroll ──────────────────── */
@media (prefers-reduced-motion: no-preference) {
  #fonctionnalites .group {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeUp 0.5s ease forwards;
  }
  #fonctionnalites .group:nth-child(1) { animation-delay: 0.05s; }
  #fonctionnalites .group:nth-child(2) { animation-delay: 0.1s; }
  #fonctionnalites .group:nth-child(3) { animation-delay: 0.15s; }
  #fonctionnalites .group:nth-child(4) { animation-delay: 0.2s; }
  #fonctionnalites .group:nth-child(5) { animation-delay: 0.25s; }
  #fonctionnalites .group:nth-child(6) { animation-delay: 0.3s; }
}

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ─── Lang selector in footer (dark bg) ────────────────── */
footer .i18n-selector button:first-child {
  border-color: rgba(255, 255, 255, 0.2);
  color: #9ca3af;
}
footer .i18n-selector button:first-child:hover {
  color: #fff;
}