/* Overlay pour obscurcir l'arrière-plan du site lorsque le popup est affiché */
.cookie-overlay {
    position: fixed; /* Fixe l'élément par rapport à la fenêtre */
    top: 0; /* Aligne au haut de l'écran */
    left: 0; /* Aligne à gauche de l'écran */
    width: 100%; /* Prend toute la largeur de l'écran */
    height: 100%; /* Prend toute la hauteur de l'écran */
    background: rgba(0, 0, 0, 0.5); /* Fond semi-transparent pour obscurcir */
    z-index: 9999; /* Place l'overlay au-dessus de presque tous les autres éléments */
    display: none; /* Masque par défaut, sera affiché via JavaScript */
}

/* Styles globaux pour le popup */
.cookie-popup {
    position: fixed; /* Positionnement par rapport à la fenêtre */
    top: 50%; /* Centre verticalement */
    left: 50%; /* Centre horizontalement */
    transform: translate(-50%, -50%); /* Corrige le décalage pour centrer précisément */
    background: #253C58; /* Couleur de fond bleu foncé */
    color: #fff; /* Texte en blanc */
    padding: 30px; /* Espacement interne */
    border-radius: 10px; /* Coins arrondis pour un design moderne */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Ombre douce pour la profondeur */
    z-index: 10000; /* Assure que le popup est au-dessus de l'overlay */
    display: none; /* Masque par défaut, activé par JavaScript */
    width: 90%; /* Largeur relative pour s'adapter aux petits écrans */
    max-width: 600px; /* Largeur maximale pour les grands écrans */
    max-height: 80vh; /* Hauteur maximale à 80% de la fenêtre */
    overflow: auto; /* Barre de défilement si le contenu dépasse */
}

		
		.cookie-popup-reject-container {
    display: flex; /* Active le modèle flexbox */
    justify-content: flex-end; /* Aligne les éléments enfants à droite */
}
		
/* Bouton "Continuer sans accepter" */
.cookie-popup-reject {
    position: relative; /* Positionné par rapport au parent */
	right: 5px !important;
    bottom: 10px !important; /* Espacement par rapport au haut du popup */
    color: #fff; /* Texte blanc */
    font-size: 1.2rem; /* Taille de texte légèrement augmentée */
    cursor: pointer; /* Curseur pointeur pour indiquer un élément cliquable */
}

/* Conteneur principal du contenu du popup */
.cookie-popup-content {
    text-align: left; /* Aligne le texte à gauche */
}

/* Conteneur des boutons en bas du popup */
.cookie-popup-buttons {
    margin-top: 15px; /* Espacement entre le contenu et les boutons */
    display: flex; /* Active le modèle Flexbox */
    justify-content: center; /* Centre les boutons horizontalement */
    margin: 15px; /* Espacement entre les boutons */
    padding-bottom: 20px; /* Espacement en bas du conteneur */
}

/* Styles généraux pour les boutons */
.cookie-popup-button {
    color: white; /* Texte blanc */
    background-color: #253C58; /* Fond bleu foncé */
    padding: 10px 15px; /* Espacement interne */
    border: none; /* Supprime les bordures */
    border-radius: 5px; /* Coins arrondis */
    cursor: pointer; /* Indique que c'est cliquable */
}

/* Style du bouton "Accepter" */
.cookie-popup-button.accept {
    background-color: #FFBF00; /* Fond jaune */
    color: #253C58; /* Texte bleu foncé */
}

/* Style du bouton "En savoir plus" */
.cookie-popup-button.more-info {
    text-decoration: none; /* Supprime le soulignement */
    font-size: 1.6rem; /* Taille légèrement plus grande */
}

/* Styles pour le contenu principal du popup */
.cookie-consent-text {
    color: #ffffff; /* Texte blanc pour une bonne visibilité */
    line-height: 1.6; /* Interligne pour une lecture confortable */
    max-width: 600px; /* Largeur maximale du texte */
    margin: 0 auto; /* Centre horizontalement */
    text-align: left; /* Aligne le texte à gauche */
}

/* Style pour le titre principal du popup */
.cookie-consent-text h2 {
    font-size: 1.5rem; /* Taille de texte pour le titre */
    color: #FFBF00; /* Couleur jaune pour le titre */
    margin-bottom: 15px; /* Espacement sous le titre */
    text-align: center; /* Centre le texte du titre */
}

/* Style pour les paragraphes et les listes du contenu principal */
.cookie-consent-text p,
.cookie-consent-text ul li {
    font-size: 1.4rem; /* Taille standard du texte */
    margin-bottom: 15px; /* Espacement entre les éléments */
}

/* Conteneur pour le contenu "En savoir plus" */
#ccm-more-info-text-container {
    margin-top: 15px; /* Espacement au-dessus du texte supplémentaire */
}

/* Styles pour les liens */
.cookie-consent-text a {
    color: #FFBF00; /* Couleur jaune pour les liens */
    text-decoration: underline; /* Souligne les liens */
    font-weight: bold; /* Met les liens en gras */
}

/* Styles spécifiques pour les écrans plus petits */
@media (max-width: 1024px) {

.cookie-popup {
    padding: 10px !important; /* Espacement interne */

}
    .cookie-consent-text h2 {
        font-size: 1.9rem !important; /* Augmente la taille du titre sur mobile */
    }

    .cookie-consent-text p,
    .cookie-consent-text ul li {
        font-size: 1.3rem !important; /* Augmente légèrement la taille du texte */
    }

    .cookie-consent-text {
        padding: 10px; /* Réduit l'espacement interne */
    }
}