/**
 * AGV — Banner cookie (plugin Complianz), 05/11
 * Riquadro bianco in basso a destra, tutto in Karla: una frase con il link alla Privacy Policy, 3 bottoni
 * grigi #dcdcdc (Accetta e Rifiuta pieni, uguali come chiede il Garante; Preferenze con il contorno).
 * I testi si cambiano in Admin → Complianz → Consent Banner → Texts (nessun testo qui).
 * Le variabili --cmplz_* sono quelle di Complianz: ridefinite sul contenitore vincono sulle sue.
 */

#cmplz-cookiebanner-container {
    --cmplz_banner_width: 400px; /* 05/11: margini interni 30px, larghezza totale 400 (prima 440) */
    --cmplz_banner_background_color: var(--color-bg);
    --cmplz_banner_border_color: var(--color-accent);
    --cmplz_banner_border_width: 1px;
    --cmplz_banner_border_radius: 0;
    --cmplz_banner_margin: 12px;
    --cmplz_text_color: var(--color-text);
    --cmplz_hyperlink_color: var(--color-text);
    --cmplz_button_border_radius: 0;
}

/* Interruttori delle categorie: banner e riquadro nella pagina Privacy (shortcode [cmplz-manage-consent]) */
#cmplz-cookiebanner-container,
.cmplz-manage-consent-container {
    --cmplz_slider_active_color: var(--color-secondary);
    --cmplz_slider_inactive_color: var(--color-disabled);
    --cmplz_slider_bullet_color: var(--color-bg);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner {
    padding: 30px;
    gap: 16px;
    box-shadow: none;
    font-family: var(--font-primary);
}

/* Niente titolo né X: si sceglie con i bottoni (Rifiuta vale come chiusura) */
#cmplz-cookiebanner-container .cmplz-header,
#cmplz-cookiebanner-container .cmplz-divider {
    display: none;
}

#cmplz-cookiebanner-container .cmplz-body {
    margin: 0;
}

/* La frase: Karla, testo tecnico (05/11, deciso da Elisa: tutto il banner in Karla) */
#cmplz-cookiebanner-container .cmplz-message {
    font-family: var(--font-primary);
    font-size: var(--text-14);
    font-weight: 400;
    line-height: var(--line-height-20);
    margin: 0;
}

/* Link alla Privacy Policy dentro la frase */
#cmplz-cookiebanner-container .cmplz-message a {
    color: var(--color-text);
    font-weight: 600;
    text-decoration: underline;
}

#cmplz-cookiebanner-container .cmplz-message a:hover {
    text-decoration-color: var(--color-secondary);
}

/* ---------- Bottoni: Karla 600 14px, angoli vivi, grigio #dcdcdc ---------- */

#cmplz-cookiebanner-container .cmplz-buttons {
    gap: 10px;
}

#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn {
    min-height: 40px;
    padding: 0 10px;
    border: 2px solid var(--color-button-cookie);
    border-radius: 0;
    background: transparent;
    font-family: var(--font-primary);
    font-size: var(--text-14);
    font-weight: 600;
    line-height: var(--line-height-20);
    color: var(--color-accent);
    transition: background-color var(--transition-fast);
}

#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn.cmplz-accept,
#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn.cmplz-deny,
#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn.cmplz-save-preferences,
#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover {
    background: var(--color-button-cookie);
    border-color: var(--color-button-cookie);
    color: var(--color-accent);
}

#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn.cmplz-accept:hover,
#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn.cmplz-deny:hover,
#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover {
    background: transparent;
}

#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
    background: transparent;
    border-color: var(--color-button-cookie);
    color: var(--color-accent);
}

/* Link ai documenti sotto i bottoni: tolti, la Privacy Policy è linkata nella frase */
#cmplz-cookiebanner-container .cmplz-documents {
    display: none;
}

/* ---------- Categorie (Preferenze aperte nel banner e riquadro nella pagina Privacy):
   solo Necessari e Statistiche, le altre categorie sono vuote ---------- */

:is(#cmplz-cookiebanner-container, #cmplz-manage-consent-container) .cmplz-category.cmplz-preferences,
:is(#cmplz-cookiebanner-container, #cmplz-manage-consent-container) .cmplz-category.cmplz-marketing {
    display: none;
}

#cmplz-cookiebanner-container .cmplz-categories {
    margin-top: 20px;
}

#cmplz-manage-consent-container .cmplz-categories {
    margin: 20px 0 26px;
}

:is(#cmplz-cookiebanner-container, #cmplz-manage-consent-container) .cmplz-categories .cmplz-category {
    background-color: var(--color-bg-light);
}

:is(#cmplz-cookiebanner-container, #cmplz-manage-consent-container) .cmplz-categories .cmplz-category .cmplz-category-header {
    padding: 12px 14px;
}

/* Nomi delle categorie e "Sempre attivo": Karla 14px (05/11, era 16) */
:is(#cmplz-cookiebanner-container, #cmplz-manage-consent-container) .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title,
:is(#cmplz-cookiebanner-container, #cmplz-manage-consent-container) .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
    font-family: var(--font-primary);
    font-size: var(--text-14);
    font-weight: 600;
    color: var(--color-text);
}

/* Interruttori: niente anello blu di Complianz al clic; con la tastiera (Tab) resta un anello nero */
:is(#cmplz-cookiebanner-container, #cmplz-manage-consent-container) .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label::before {
    box-shadow: none;
}

:is(#cmplz-cookiebanner-container, #cmplz-manage-consent-container) .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus-visible + .cmplz-label::before {
    box-shadow: 0 0 0 2px var(--color-accent);
}

/* Descrizioni delle categorie: Karla come il resto del banner */
:is(#cmplz-cookiebanner-container, #cmplz-manage-consent-container) .cmplz-categories .cmplz-description {
    font-family: var(--font-primary);
    font-size: var(--text-14);
    line-height: var(--line-height-20);
    font-weight: 400;
    color: var(--color-text);
    padding: 0 14px 14px;
}

/* Linguetta "Gestisci consenso" di Complianz: nascosta (le scelte si cambiano dalla pagina Privacy) */
#cmplz-manage-consent {
    display: none;
}

/* ---------- Mobile: riquadro a tutta larghezza in basso ---------- */

@media (max-width: 768px) {
    #cmplz-cookiebanner-container {
        --cmplz_banner_margin: 0;
        --cmplz_banner_border_width: 1px 0 0 0;
    }

    #cmplz-cookiebanner-container .cmplz-cookiebanner {
        width: 100%;
        max-width: none;
        padding: 24px 22px;
    }

    #cmplz-cookiebanner-container .cmplz-buttons {
        flex-direction: row;
        flex-wrap: wrap;
    }

    #cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn {
        flex: 1 1 0;
    }
}