@media (min-width: 768px) {
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
@media (min-width: 768px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}



/* Breakpoint Desktop (Large) */
@media (min-width: 1024px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

/* Breakpoint Desktop (Large) */
@media (min-width: 1024px) {
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}


/* Opzionale: se vuoi che su monitor ancora più grandi (XL - 1280px)
 *  le colonne rimangano 6 o aumentino, puoi replicare così: */
@media (min-width: 1280px) {
    .xl\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

.cc-header {
    background: url("../images/logo.png") no-repeat 0 0 !important;
    background-size: 50px 50px !important;
}
/* ======================================================================================================
 * RE-SKINNING TECART COOKIE MANAGER - FONDAZIONE SERGIO POGGIANELLA
 * ====================================================================================================== */

/* 1. BANNER PRINCIPALE (Sfondo e Bordi) */
#tecart-cookie-banner {
background: #ffffff !important;
border: 1px solid rgba(164, 147, 91, 0.3) !important; /* Bordo oro sottile */
border-radius: 0 !important; /* Angoli netti (stile museale) */
box-shadow: 0 15px 50px rgba(0,0,0,0.15) !important;
}

/* 2. HEADER (Titolo e Logo) */
.cc-header {
    font-family: inherit !important; /* Usa il font del sito */
    color: #a4935b !important; /* ORO */
    text-transform: uppercase !important;
    letter-spacing: 0.2em !important;
    font-size: 1.2rem !important;
    background: url("../images/favicon.svg") no-repeat 0 0 !important; /* Usiamo il favicon svg */
    background-size: 40px 40px !important;
    padding-left: 60px !important;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 15px;
}

/* 3. TESTI E LINK */
.cc-window.cc-floating,
.cc-window p,
.tcb-settings-modal-content p {
    color: #333 !important;
    font-size: 0.85rem !important;
    line-height: 1.6 !important;
}

.cc-window a,
.tcb-settings-modal a {
    color: #a4935b !important;
    text-decoration: underline !important;
}

/* 4. PULSANTI (Addio verde, benvenuto Oro) */
.cc-btn {
    border-radius: 0 !important; /* Angoli netti */
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-size: 10px !important;
    transition: all 0.3s ease !important;
}

/* Pulsante "Accetta tutto" (Layout 2) */
.cc-highlight .cc-btn.layout-2,
.tcb-saveSettings .cc-btn.layout-2,
.cc-revoke.cc-bottom {
    background-color: #a4935b !important;
    border-color: #a4935b !important;
    color: #fff !important;
}

.cc-highlight .cc-btn.layout-2:hover {
    background-color: #7d6f43 !important;
    border-color: #7d6f43 !important;
}

/* Pulsante "Impostazioni / Rifiuta" (Layout 1) */
.cc-btn.layout-1 {
    background: transparent !important;
    border-color: #ddd !important;
    color: #666 !important;
}

.cc-btn.layout-1:hover {
    border-color: #a4935b !important;
    color: #a4935b !important;
}

/* 5. MODAL DELLE IMPOSTAZIONI */
.tcb-settings-modal {
    border-radius: 0 !important;
    background-color: #ffffff !important;
    border: 1px solid #a4935b !important;
}

/* 6. TAB E CATEGORIE */
.tcb-catTabs section label {
    background: #f8f8f8 !important;
    color: #333 !important;
    border: 1px solid #eee !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    letter-spacing: 0.1em !important;
}

.tcb-catTabs input[name="sections"]:checked + label {
    background: #ffffff !important;
    color: #a4935b !important;
    border-left: 3px solid #a4935b !important; /* Indicatore oro */
}

/* 7. TOGGLE SWITCHES (Gli interruttori delle categorie) */
input:checked + .tcb-slider {
    background-color: #a4935b !important; /* Switch diventa oro quando attivo */
}

.tcb-slider.tcb-round {
    border-radius: 0 !important; /* Switch quadrati per coerenza */
}
.tcb-slider:before {
    border-radius: 0 !important;
}