/* ============================================================
   AVENUE BELMONT — PRÉCHARGEUR (logo animé)
   N'apparaît que si la page met du temps à charger (cf. script inline
   dans header.php, juste après le markup) : évite un flash inutile sur
   les chargements rapides, ne se montre que quand c'est réellement utile.
   ============================================================ */

#ab-preloader {
  position: fixed;
  inset: 0;
  z-index: 10000; /* au-dessus du header (9999) */
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.65); /* noir translucide → voile gris léger, la page se devine en dessous */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

#ab-preloader.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

#ab-preloader.is-hidden {
  opacity: 0;
  pointer-events: none;
}

/* Animation minimaliste : simple respiration d'opacité, sans mouvement ni échelle */
#ab-preloader__logo {
  width: clamp(120px, 20vw, 180px);
  height: auto;
  animation: ab-preloader-fade 1.8s ease-in-out infinite;
}

@keyframes ab-preloader-fade {
  0%, 100% { opacity: 0.4; }
  50%      { opacity: 1; }
}

/* Respect des préférences d'accessibilité : pas d'animation, logo fixe */
@media (prefers-reduced-motion: reduce) {
  #ab-preloader__logo { animation: none; opacity: 1; }
  #ab-preloader { transition: none; }
}