/* =====================================================
   Bandeau de consentement CookieAdmin, aux couleurs Psynovia

   L'extension sort un bandeau générique : interligne large, boutons carrés en
   13 px, police Helvetica héritée d'Enfold. On l'aligne sur la charte du site,
   sans toucher au code de l'extension pour ne rien perdre à la mise à jour.

   Les couleurs de fond des boutons « Tout refuser » et « Tout accepter » sont
   posées côté réglages de l'extension, identiques à dessein : le refus doit
   être aussi engageant que l'acceptation. Ne pas les différencier ici.
   ===================================================== */

/* ---------- Conteneur ---------- */
.cookieadmin_law_container,
.cookieadmin_cookie_modal {
    font-family: inherit;
}

.cookieadmin_consent_inside {
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(69, 59, 94, .18);
}

/* ---------- Texte ---------- */
.cookieadmin_notice_con,
.cookieadmin_notice_con p,
.cookieadmin_preference,
.cookieadmin_preference p {
    font-size: 15px;
    /* L'extension monte à 1,65 : trop aéré pour un pavé de bandeau. */
    line-height: 1.35;
}

.cookieadmin_notice_title,
.cookieadmin_preference_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px;
    display: block;
}

.cookieadmin_notice_con b,
.cookieadmin_preference b {
    font-weight: 600;
}

/* ---------- Boutons, sur le motif des CTA du site ----------
   L'extension cible `button.cookieadmin_btn`, de spécificité (0,1,1) : une
   simple classe ne l'emporte pas. On préfixe par le conteneur pour passer à
   (0,2,1). Les couleurs, elles, sont posées en style en ligne par l'extension
   et se règlent donc dans ses réglages, pas ici. */
.cookieadmin_law_container button.cookieadmin_btn,
.cookieadmin_cookie_modal button.cookieadmin_btn {
    padding: 14px 26px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .9px;
    text-transform: uppercase;
    line-height: 1.2;
    border-radius: 100px;
    border: 1px solid #453B5E;
    transition: all .3s ease;
    cursor: pointer;
}

/* Le bouton de réglage fin reste secondaire, en contour. */
.cookieadmin_law_container button.cookieadmin_customize_btn {
    background: #ffffff;
}

.cookieadmin_law_container button.cookieadmin_btn:hover,
.cookieadmin_law_container button.cookieadmin_btn:focus,
.cookieadmin_cookie_modal button.cookieadmin_btn:hover,
.cookieadmin_cookie_modal button.cookieadmin_btn:focus {
    opacity: .85;
}

/* Les trois boutons sur une ligne quand la largeur le permet, empilés sinon.
   « Tout refuser » et « Tout accepter » gardent la même taille dans les deux cas. */
.cookieadmin_consent_btns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.cookieadmin_consent_btns button.cookieadmin_btn {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
}

/* ---------- Fenêtre de préférences ---------- */
.cookieadmin_cookie_modal .cookieadmin_details_wrapper {
    border-radius: 16px;
}

.cookieadmin_types .cookieadmin_header {
    font-weight: 600;
}

/* ---------- Mention de l'éditeur ---------- */
/* Le réglage `hide_powered_by` est posé côté extension ; on double la mesure
   au cas où une mise à jour réintroduirait le bloc. */
.cookieadmin-poweredby {
    display: none !important;
}

/* ---------- Petits écrans ---------- */
@media (max-width: 600px) {
    .cookieadmin_consent_btns button.cookieadmin_btn {
        flex: 1 1 100%;
        text-align: center;
    }
}

/* ---------- Interrupteurs du panneau de préférences ----------
   L'extension construit un interrupteur avec une case native masquée derrière
   un <span> stylé. Le thème réaffiche cette case native, d'où la case parasite
   sous chaque interrupteur. On la masque sans la retirer du DOM : le <span>
   s'appuie sur son état :checked. */
.cookieadmin_cookie_modal label.cookieadmin_toggle input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	opacity: 0;
	pointer-events: none;
	-webkit-appearance: none;
	appearance: none;
}

/* La catégorie publicitaire n'a aucun traceur déclaré et ne figure pas parmi
   les trois catégories de la politique de confidentialité : l'afficher vide
   contredirait le texte publié. */
.cookieadmin_cookie_modal .cookieadmin_types:has(#cookieadmin-marketing) {
	display: none;
}

/* ---------- Couleurs de charte dans le panneau ----------
   « Toujours actifs » sortait dans le bleu par défaut de l'extension. On passe
   au turquoise de la charte, celui des publications et des bandeaux de section.
   La couleur d'activation des interrupteurs est posée côté réglages de
   l'extension, qui l'écrit en style en ligne. */
.cookieadmin_cookie_modal .cookieadmin_remark {
	color: #87CBC2;
	font-weight: 600;
}

/* Descriptions de catégorie : interligne resserré. */
.cookieadmin_cookie_modal .cookieadmin_desc,
.cookieadmin_cookie_modal .cookieadmin_desc p {
	line-height: 1.2em;
}

/* L'état actif de l'interrupteur est codé en dur dans la feuille de l'extension
   (`input:checked + .cookieadmin_slider { background-color: #3582C4 }`), le
   réglage « slider on color » ne le pilote pas. On le surcharge au turquoise
   de la charte, avec une spécificité supérieure. */
.cookieadmin_cookie_modal input:checked + .cookieadmin_slider {
	background-color: #87CBC2;
}

/* Titres de catégorie au bleu violet de la charte, celui des boutons d'appel
   à l'action, plutôt qu'au noir par défaut de l'extension. La flèche de
   dépliage suit, pour qu'elle ne tranche pas avec son libellé. */
.cookieadmin_cookie_modal .cookieadmin_header .stitle,
.cookieadmin_cookie_modal .cookieadmin_show_pref_cookies {
	color: #453B5E;
}

/* Titre du panneau à la même taille que les titres de catégorie. */
.cookieadmin_cookie_modal .cookieadmin_preference_title {
	font-size: 23px;
}
