/* --- BANDEAU FLASH DÉFILANT --- */
#flash-banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px; /* <--- AJUSTEZ LA HAUTEUR ICI */
  background-color: #f16846;
  color: #ffffff !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  z-index: 9999;
  overflow: hidden;
  box-sizing: border-box;
  
  /* Centrage vertical parfait */
  display: flex;
  align-items: center;
}

#flash-banner * {
  color: #ffffff !important;
  text-decoration: none;
}

/* Conteneur du texte défilant */
.flash-container {
  display: inline-block;
  white-space: nowrap;
  animation: flash-scroll 18s linear infinite;
  line-height: 30px; /* <--- DOIT ÊTRE ÉGAL À LA HAUTEUR CI-DESSUS */
}

/* Style du message */
.flash-message {
  display: inline-block;
  margin-right: 400px; /* Espace entre les répétitions */
  font-size: 14px;
  letter-spacing: 0.3px;
  vertical-align: middle;
}

/* Animation continue */
@keyframes flash-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Version Mobile */
@media (max-width: 576px) {
  #flash-banner {
    height: 25px; /* Hauteur légèrement réduite sur mobile */
  }
  .flash-container {
    line-height: 25px;
  }
  .flash-message {
    font-size: 12px;
    margin-right: 150px;
  }
}

/* --- DÉCALAGE DU CONTENU DU SITE --- */
/* Pour éviter que le bandeau ne cache le haut de votre site */
#page-content-wrapper,
#viewport,
#content-site {
  margin-top: 30px; /* <--- DOIT ÊTRE ÉGAL À LA HAUTEUR DU BANDEAU */
}