.flash-info-popup {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1em;
    position: fixed;
    /* Positionnement : ajustez la valeur du "bottom" selon vos besoins */
    right: 20px;
    width: 400px; /* Ajustez la largeur selon vos préférences */
    background-color: #ed1c23; /* Rouge d’alerte */
    color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    display: none; /* Masqué par défaut */
    z-index: 9999; /* S’assurer qu’elle reste au-dessus des autres éléments */
}

/* En-tête de la popup */
.flash-info-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

/* Icône d’avertissement */
.flash-info-icon {
    font-size: 2em;
    margin-right: 10px;
}

/* Titre « FLASH INFO » */
.flash-info-title {
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Bouton de fermeture (petite croix) */
.flash-info-close {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 2em;
    line-height: 1;
    cursor: pointer;
}

/* Corps du texte */
.flash-info-content {
    padding: 10px 15px;
    font-size: 0.9em;
    line-height: 1.4em;
}

.flash-info-content p {
    padding: 10px 0px 10px 0px;
}

.flash-info-content p.important {
    font-weight: 600;
    font-size: 1.1em;
}

.flash-info-content a {
    color: #fff;
    text-decoration: underline;
}

/* Liste dans la popup */
.flash-info-content ul {
    margin: 10px 0;
    padding-left: 20px;
}

.flash-info-content li {
    margin-bottom: 5px;
}

/* Styles pour smartphones */
@media only screen and (max-width: 480px) {
    .flash-info-popup {
        top: 10px;               /* 10px du haut */
        left: 50%;               /* Centré horizontalement */
        transform: translateX(-50%); /* Décalage de moitié de la largeur */
        width: calc(100% - 20px);  /* Pour conserver 10px de marge de chaque côté */
        bottom: auto;            /* Annule la propriété bottom */
        right: auto;             /* Annule la propriété right */
        height: 500px;            /* Adapte la hauteur au contenu */
    }
}