/**
 * Habillage de la bannière cookies Complianz aux couleurs Anaspika.
 * Variante V2 validée par Amal (session 94) : carte bas-gauche terre sombre,
 * esprit Aesop. Eyebrow « Confidentialité », titre Cormorant italique crème,
 * boutons empilés (crème plein / filet crème / lien discret).
 *
 * IMPORTANT (bug constaté s94) : le CSS généré par Complianz
 * (uploads/complianz/css/banner-N-optin.css, injecté par son JS APRÈS le head)
 * reste sur les règles de position « center » (translateX/-50%, et un bloc
 * mobile height:100vh + zoom:.6) et n'inclut PAS le bloc « view-preferences »
 * (catégories dépliées d'office). Cette feuille :
 *   1. neutralise le centrage et le bloc mobile avec le sélecteur
 *      div.cmplz-cookiebanner (spécificité supérieure : deux !important à
 *      égalité, la spécificité tranche, l'ordre de chargement ne suffit pas) ;
 *   2. réplique les règles officielles categories/view-preferences.css
 *      SANS !important sur les boutons (le JS les bascule en styles inline).
 *
 * Charte : crème #F3F0E7, encre #1C1A17, terre #3A2F24, fumée #8A7357.
 */

/* ── Carte : terre sombre, bas-gauche, ombre profonde ───────────────────── */
div.cmplz-cookiebanner {
    position: fixed !important;
    top: auto !important;
    right: auto !important;
    left: 28px !important;
    bottom: 28px !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    width: 420px !important;
    min-width: 0 !important;
    max-width: calc(100vw - 56px) !important;
    height: auto !important;
    max-height: calc(100vh - 56px) !important;
    overflow-y: auto !important;
    zoom: 1 !important;
    background: #3A2F24 !important;
    color: #F3F0E7 !important;
    font-family: "Sofia Pro", -apple-system, "Segoe UI", sans-serif !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: 0 24px 60px rgba(28, 26, 23, .35) !important;
    padding: 34px 34px 30px !important;
    gap: 0 !important;
}

/* États pilotés par le JS Complianz (bug s95 : « je n'arrive pas à accepter
   les cookies ») : le display:flex !important de la carte ci-dessus écrasait
   les règles d'état du plugin (.cmplz-hidden au chargement, .cmplz-dismissed
   après le choix, toutes deux SANS !important) : la carte restait à l'écran
   même consentement enregistré. On réplique les deux états avec une
   spécificité supérieure pour qu'ils reprennent la main. */
div.cmplz-cookiebanner.cmplz-hidden,
div.cmplz-cookiebanner.cmplz-dismissed {
    display: none !important;
}

/* Largeurs héritées du CSS généré (position center) : à neutraliser */
div.cmplz-cookiebanner .cmplz-message,
div.cmplz-cookiebanner .cmplz-categories {
    width: auto !important;
    max-width: 100% !important;
}
div.cmplz-cookiebanner .cmplz-body {
    display: block !important;
    width: 100% !important;
}

/* Éléments superflus pour une carte premium : logo, croix, filets internes */
div.cmplz-cookiebanner .cmplz-logo,
div.cmplz-cookiebanner .cmplz-close,
div.cmplz-cookiebanner .cmplz-divider {
    display: none !important;
}

/* Onglet flottant « Gérer le consentement » : doublon du lien footer */
#cmplz-manage-consent {
    display: none !important;
}

/* ── Comportement « Personnaliser » (règles officielles view-preferences.css,
      absentes du CSS généré). PAS de !important sur les boutons : le JS les
      affiche/masque via style inline au clic. ─────────────────────────────── */
div.cmplz-cookiebanner .cmplz-categories,
div.cmplz-cookiebanner .cmplz-save-preferences,
div.cmplz-cookiebanner .cmplz-link.cmplz-manage-options,
div.cmplz-cookiebanner .cmplz-manage-vendors,
div.cmplz-cookiebanner .cmplz-read-more,
div.cmplz-cookiebanner .cmplz-btn.cmplz-manage-options {
    display: none;
}
div.cmplz-cookiebanner .cmplz-categories.cmplz-fade-in {
    display: block;
    animation: anaspikaCmplzFadeIn .6s;
    margin-top: 16px;
}
@keyframes anaspikaCmplzFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/* ── Titre : eyebrow « Confidentialité » + Cormorant italique crème ─────── */
div.cmplz-cookiebanner .cmplz-title {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-style: italic;
    font-weight: 300 !important;
    font-size: 24px !important;
    color: #F3F0E7 !important;
    line-height: 1.25;
}
div.cmplz-cookiebanner .cmplz-title::before {
    content: "Confidentialité";
    display: block;
    font-family: "Sofia Pro", -apple-system, "Segoe UI", sans-serif;
    font-style: normal;
    font-size: 10px;
    letter-spacing: .35em;
    text-transform: uppercase;
    color: rgba(243, 240, 231, .55);
    margin-bottom: 14px;
}

/* ── Message ────────────────────────────────────────────────────────────── */
div.cmplz-cookiebanner .cmplz-message {
    font-size: 13px !important;
    line-height: 1.7 !important;
    color: rgba(243, 240, 231, .78) !important;
    margin-top: 10px;
}

/* ── Boutons : empilés pleine largeur (mockup V2) ───────────────────────── */
div.cmplz-cookiebanner .cmplz-buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin-top: 22px;
}

div.cmplz-cookiebanner .cmplz-btn {
    border-radius: 0 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    padding: 13px 28px !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    transition: opacity .3s, border-color .3s, color .3s;
    box-shadow: none !important;
}

/* Tout accepter : crème plein */
div.cmplz-cookiebanner .cmplz-btn.cmplz-accept {
    order: 1;
    background: #F3F0E7 !important;
    color: #1C1A17 !important;
    border: 1px solid #F3F0E7 !important;
}
div.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover {
    opacity: .85;
}

/* Personnaliser / Enregistrer mes choix : filet crème */
div.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences,
div.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences {
    order: 2;
    background: transparent !important;
    color: #F3F0E7 !important;
    border: 1px solid rgba(243, 240, 231, .4) !important;
}
div.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover,
div.cmplz-cookiebanner .cmplz-btn.cmplz-save-preferences:hover {
    border-color: #F3F0E7 !important;
}

/* Continuer sans accepter : lien discret centré (parité de simplicité CNIL) */
div.cmplz-cookiebanner .cmplz-btn.cmplz-deny {
    order: 3;
    background: transparent !important;
    border: none !important;
    color: rgba(243, 240, 231, .55) !important;
    text-transform: none !important;
    letter-spacing: .06em !important;
    text-decoration: underline;
    text-underline-offset: 3px;
    padding: 8px !important;
}
div.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover {
    color: #F3F0E7 !important;
}

/* Accessibilité : focus visible crème sur fond sombre */
div.cmplz-cookiebanner .cmplz-btn:focus-visible,
div.cmplz-cookiebanner .cmplz-category-toggle:focus-visible,
div.cmplz-cookiebanner a:focus-visible {
    outline: 2px solid #F3F0E7 !important;
    outline-offset: 2px;
}

/* ── Panneau catégories (après « Personnaliser »), sur fond sombre ──────── */
div.cmplz-cookiebanner .cmplz-categories .cmplz-category {
    background: rgba(243, 240, 231, .07) !important;
    border: none !important;
    border-radius: 0 !important;
}
div.cmplz-cookiebanner .cmplz-category-title {
    font-size: 12px !important;
    letter-spacing: .08em;
    color: #F3F0E7 !important;
}
div.cmplz-cookiebanner .cmplz-always-active {
    font-size: 11px !important;
    color: rgba(243, 240, 231, .55) !important;
}
div.cmplz-cookiebanner .cmplz-description {
    font-size: 12px !important;
    color: rgba(243, 240, 231, .65) !important;
    line-height: 1.6;
}
div.cmplz-cookiebanner .cmplz-category-toggle svg path {
    fill: #F3F0E7;
}
div.cmplz-cookiebanner input.cmplz-consent-checkbox {
    accent-color: #8A7357;
}

/* ── Liens documents sous les boutons ───────────────────────────────────── */
div.cmplz-cookiebanner .cmplz-links a {
    color: rgba(243, 240, 231, .55) !important;
    font-size: 12px !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}
div.cmplz-cookiebanner .cmplz-links a:hover {
    color: #F3F0E7 !important;
}

/* ── Mobile : carte compacte collée en bas (typo et espacements resserrés,
      eyebrow masqué) pour occuper le moins d'écran possible tout en gardant
      les 3 actions visibles (parité CNIL) ─────────────────────────────────── */
@media (max-width: 767px) {
    div.cmplz-cookiebanner {
        width: auto !important;
        max-width: none !important;
        left: 10px !important;
        right: 10px !important;
        bottom: 10px !important;
        max-height: calc(100vh - 20px) !important;
        padding: 18px 18px 14px !important;
    }
    div.cmplz-cookiebanner .cmplz-title {
        font-size: 19px !important;
    }
    div.cmplz-cookiebanner .cmplz-title::before {
        display: none;
    }
    div.cmplz-cookiebanner .cmplz-message {
        font-size: 12px !important;
        line-height: 1.55 !important;
        margin-top: 6px;
    }
    div.cmplz-cookiebanner .cmplz-buttons {
        gap: 8px !important;
        margin-top: 14px;
    }
    div.cmplz-cookiebanner .cmplz-btn {
        padding: 11px 16px !important;
        font-size: 11px !important;
    }
    div.cmplz-cookiebanner .cmplz-btn.cmplz-deny {
        padding: 5px !important;
        font-size: 12px !important;
    }
}