/*
 * Modalita' form del banner cookie (vedi bindModoForm in cookies-banner.js).
 * File a parte, caricato SEMPRE dopo il foglio del banner: con il CSS personalizzato
 * attivo cookies-banner.css viene sostituito del tutto, e queste regole non
 * arriverebbero.
 */
/* Modalita' form (vedi bindModoForm in cookies-banner.js): appena il visitatore usa
   un form il banner scende in basso a tutta larghezza, sopra la barra lead2call
   (--bc-sotto), e smette di coprire il pulsante di invio. Velo spento. */
html.bc-form-attivo #bc-cookie-banner {
    top: auto !important;
    bottom: var(--bc-sotto, 0px) !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    max-height: 60vh !important;
    overflow-y: auto !important;
    border-radius: 0 !important;
    box-shadow: 0 -2px 10px var(--bc-shadow-light) !important;
}

html.bc-form-attivo .bc-overlay {
    display: none !important;
}

@media (max-width: 600px) {
    html.bc-form-attivo #bc-cookie-banner .bc-bar-message {
        min-width: 0 !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
        margin-bottom: 8px !important;
    }

    html.bc-form-attivo #bc-cookie-banner .bc-bar-btn-container {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 6px !important;
    }

    html.bc-form-attivo #bc-cookie-banner .bc-bar-btn-container a,
    html.bc-form-attivo #bc-cookie-banner .bc-bar-btn-container button {
        flex: 1 1 0 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 44px !important;
        padding: 8px 4px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        text-align: center !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* L'icona del pulsante Personalizza ruba spazio nella riga: in modalita' form su
   schermi stretti si nasconde, come gia' fa il foglio del banner sotto i 375 px. */
@media (max-width: 600px) {
    html.bc-form-attivo #bc-cookie-banner .bc-settings-button img,
    html.bc-form-attivo #bc-cookie-banner .bc-settings-button svg {
        display: none !important;
    }
}