/* ================================================
   custom.css — Styles complémentaires à Tailwind
   ================================================ */

/* Smooth scroll global */
html {
  scroll-behavior: smooth;
}

/* Compense le header fixe lors du scroll vers une ancre */
:target {
  scroll-margin-top: 5rem;
}

/* Animation du badge "disponible" dans le hero */
@keyframes pulse-slow {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.5; }
}
.animate-pulse-slow {
  animation: pulse-slow 2.5s ease-in-out infinite;
}

/* Header — élévation renforcée au scroll (gérée en JS) */
#header.scrolled {
  box-shadow: 0 4px 24px rgba(15, 31, 77, 0.12);
}

/* Transition douce du menu mobile */
#mobile-menu {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
#mobile-menu.open {
  display: block;
}

/* Bouton sticky mobile — ne chevauche pas le contenu */
body {
  padding-bottom: 72px; /* hauteur du bouton sticky */
}
@media (min-width: 1024px) {
  body {
    padding-bottom: 0;
  }
}