/* ================================================
   CookieConsent by orestbida — Thème Servibeurre
   Override des variables CSS du plugin
   ================================================ */

/* ---- Thème sombre (défaut) ---- */
:root {
    --cc-font-family: 'Inter', system-ui, -apple-system, sans-serif;
    --cc-modal-border-radius: 1.1rem;
    --cc-btn-border-radius: .6rem;
    --cc-modal-transition-duration: .25s;

    /* Fonds */
    --cc-bg: #0e0e1a;
    --cc-footer-bg: rgba(255, 255, 255, 0.03);
    --cc-overlay-bg: rgba(0, 0, 0, 0.62);

    /* Texte */
    --cc-primary-color: rgba(240, 236, 228, 0.9);
    --cc-secondary-color: rgba(240, 236, 228, 0.55);

    /* Bouton principal (Tout accepter) */
    --cc-btn-primary-bg: #d4a853;
    --cc-btn-primary-color: #0a0a0f;
    --cc-btn-primary-hover-bg: #b08a3e;
    --cc-btn-primary-hover-color: #0a0a0f;

    /* Bouton secondaire (Refuser / Personnaliser) */
    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-color: rgba(240, 236, 228, 0.62);
    --cc-btn-secondary-border-color: rgba(255, 255, 255, 0.18);
    --cc-btn-secondary-hover-bg: rgba(255, 255, 255, 0.07);
    --cc-btn-secondary-hover-color: rgba(240, 236, 228, 0.9);
    --cc-btn-secondary-hover-border-color: rgba(255, 255, 255, 0.3);

    /* Toggle (Autoriser / Interdire) */
    --cc-toggle-on-bg: #d4a853;
    --cc-toggle-off-bg: rgba(255, 255, 255, 0.18);
    --cc-toggle-on-knob-bg: #0a0a0f;
    --cc-toggle-off-knob-bg: rgba(240, 236, 228, 0.85);
    --cc-toggle-enabled-icon-color: #0a0a0f;
    --cc-toggle-disabled-icon-color: rgba(240, 236, 228, 0.6);
    --cc-toggle-readonly-bg: rgba(212, 168, 83, 0.35);
    --cc-toggle-readonly-knob-bg: rgba(240, 236, 228, 0.7);

    /* Séparateurs */
    --cc-separator-border-color: rgba(255, 255, 255, 0.07);
    --cc-footer-border-color: rgba(255, 255, 255, 0.07);

    /* Lien */
    --cc-link-color: #d4a853;

    /* Badge "Toujours actif" */
    --cc-pm-badge-text: rgba(240, 236, 228, 0.9);
    --cc-pm-badge-bg: rgba(212, 168, 83, 0.2);
}

/* ---- Thème clair ---- */
[data-theme="light"] {
    --cc-bg: #ffffff;
    --cc-footer-bg: rgba(0, 0, 0, 0.02);
    --cc-overlay-bg: rgba(0, 0, 0, 0.45);

    --cc-primary-color: #2d2d2d;
    --cc-secondary-color: #666;

    --cc-btn-primary-bg: #C67C00;
    --cc-btn-primary-color: #0a0a0f;
    --cc-btn-primary-hover-bg: #a36500;
    --cc-btn-primary-hover-color: #0a0a0f;

    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-color: #555;
    --cc-btn-secondary-border-color: rgba(0, 0, 0, 0.16);
    --cc-btn-secondary-hover-bg: rgba(0, 0, 0, 0.05);
    --cc-btn-secondary-hover-color: #333;
    --cc-btn-secondary-hover-border-color: rgba(0, 0, 0, 0.25);

    --cc-toggle-on-bg: #C67C00;
    --cc-toggle-off-bg: rgba(0, 0, 0, 0.15);
    --cc-toggle-on-knob-bg: #ffffff;
    --cc-toggle-off-knob-bg: #ffffff;
    --cc-toggle-enabled-icon-color: #fff;
    --cc-toggle-disabled-icon-color: #888;
    --cc-toggle-readonly-bg: rgba(198, 124, 0, 0.3);
    --cc-toggle-readonly-knob-bg: #fff;

    --cc-separator-border-color: rgba(0, 0, 0, 0.08);
    --cc-footer-border-color: rgba(0, 0, 0, 0.08);

    --cc-link-color: #C67C00;

    --cc-pm-badge-text: #7a4e00;
    --cc-pm-badge-bg: rgba(198, 124, 0, 0.12);
}

/* ---- Bannière — ombre & bordure dorée ---- */
#cc-main .cm {
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(212, 168, 83, 0.28);
}

[data-theme="light"] #cc-main .cm {
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(198, 124, 0, 0.2);
}

/* ---- Panel préférences — ombre & bordure ---- */
#cc-main .pm {
    box-shadow: 0 24px 72px rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(212, 168, 83, 0.22);
}

[data-theme="light"] #cc-main .pm {
    box-shadow: 0 24px 72px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(198, 124, 0, 0.18);
}

/* ---- Titre de la bannière ---- */
#cc-main .cm__title {
    font-weight: 700;
}

/* ---- Lien footer de la bannière ---- */
#cc-main .cm__footer a {
    color: var(--cc-link-color);
}