/* TrottoWeb - personalizzazione grafica del banner cookie
   Caricare DOPO cookieconsent.css
   Pulsanti nello stesso stile del pulsante VISUALIZZA dei calendari (#gp_filter_apply) */

#cc-main {
    /* === Colori TrottoWeb (gli stessi dei calendari) === */
    --tw-verde: #669933;
    --tw-verde-scuro: #194900;

    /* Caratteri del sito */
    --cc-font-family: "Montserrat", sans-serif;

    /* Tutti i pulsanti uguali: bordo verde, sfondo trasparente, testo verde */
    --cc-btn-primary-bg: transparent;
    --cc-btn-primary-border-color: var(--tw-verde);
    --cc-btn-primary-color: var(--tw-verde);
    --cc-btn-primary-hover-bg: var(--tw-verde);
    --cc-btn-primary-hover-border-color: var(--tw-verde);
    --cc-btn-primary-hover-color: #ffffff;

    --cc-btn-secondary-bg: transparent;
    --cc-btn-secondary-border-color: var(--tw-verde);
    --cc-btn-secondary-color: var(--tw-verde);
    --cc-btn-secondary-hover-bg: var(--tw-verde);
    --cc-btn-secondary-hover-border-color: var(--tw-verde);
    --cc-btn-secondary-hover-color: #ffffff;

    /* Interruttori nel pannello Preferenze */
    --cc-toggle-on-bg: var(--tw-verde);

    /* Link nel testo */
    --cc-link-color: var(--tw-verde);

    /* Titoli in verde scuro, come nei calendari */
    --cc-primary-color: var(--tw-verde-scuro);

    /* Stile squadrato */
    --cc-btn-border-radius: 0;
    --cc-modal-border-radius: 0;
    --cc-pm-toggle-border-radius: 0;
}

/* Forma e testo dei pulsanti, come VISUALIZZA */
#cc-main .cm__btn,
#cc-main .pm__btn {
    min-height: 46px;
    padding: 10px 15px;
    border-width: 1.5px;
    font-family: "Roboto", sans-serif;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

/* Pannello Preferenze: larghezza fissa, così i pulsanti non si allargano al passaggio del mouse */
#cc-main .pm__btn {
    min-width: 180px;
}

/* Effetto al passaggio del mouse (solo computer), come VISUALIZZA */
@media (hover: hover) and (pointer: fine) {
    #cc-main .cm__btn:hover,
    #cc-main .pm__btn:hover {
        font-size: 0.80rem;
    }
}

/* Smartphone: testo leggermente più grande, come VISUALIZZA */
@media screen and (max-width: 700px) {
    #cc-main .cm__btn,
    #cc-main .pm__btn {
        font-size: 0.85rem;
    }
}