/* ===========================
   IUBENDA - MOBILE ONLY (<= 639px)
   =========================== */
@media (max-width: 639px) {

    /* 1) Floating TOP/CENTER -> barra BOTTOM full-width */
    #iubenda-cs-banner.iubenda-cs-default-floating{
        top: auto !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        transform: none !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }

    #iubenda-cs-banner .iubenda-cs-container{
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
    }

    /* 2) Padding generale e padding del blocco banner-content (specificità alta) */
    #iubenda-cs-banner .iubenda-cs-content{
        padding: 10px 12px !important;
    }

    #iubenda-cs-banner.iubenda-cs-visible .iubenda-cs-container .iubenda-banner-content,
    #iubenda-cs-banner#iubenda-cs-banner .iubenda-banner-content{
        padding: 8px !important;
    }

    /* 3) Tipografia più piccola */
    #iubenda-cs-banner #iubenda-cs-title{
        font-size: 13px !important;
        line-height: 1.15 !important;
        margin: 0 0 6px 0 !important;
    }

    #iubenda-cs-banner #iubenda-cs-paragraph .iub-p,
    #iubenda-cs-banner #iubenda-cs-paragraph .iub-p strong,
    #iubenda-cs-banner #iubenda-cs-paragraph .iub-p a{
        font-size: 11px !important;
        line-height: 1.28 !important;
        margin: 0 0 6px 0 !important;
    }

    /* 4) Scroll solo sui paragrafi */
    #iubenda-cs-banner #iubenda-cs-paragraph{
        max-height: 22vh !important;
        overflow: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    /* 5) Riordino: Accetta/Rifiuta sopra a "Scopri di più..." */
    #iubenda-cs-banner .iubenda-cs-opt-group{
        display: flex !important;
        flex-direction: column-reverse !important;
        margin-top: 10px !important;
        gap: 5px !important;
    }

    /* reset eventuali float/posizionamenti che impediscono il layout */
    #iubenda-cs-banner .iubenda-cs-opt-group-custom,
    #iubenda-cs-banner .iubenda-cs-opt-group-consent{
        float: none !important;
        position: static !important;
    }

    /* 6) "Scopri di più..." come link */
    #iubenda-cs-banner .iubenda-cs-customize-btn{
        background: transparent !important;
        border: 0 !important;
        padding: 6px 0 !important;
        min-height: auto !important;
        text-decoration: underline !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        opacity: 0.95;
    }

    /* 7) Contenitore bottoni: max-height + allineamento */
    #iubenda-cs-banner .iubenda-cs-opt-group-consent{
        max-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        overflow: hidden !important;
    }

    /* Bottoni coerenti con max-height (non tagliati) */
    #iubenda-cs-banner .iubenda-cs-opt-group-consent .iubenda-cs-accept-btn,
    #iubenda-cs-banner .iubenda-cs-opt-group-consent .iubenda-cs-reject-btn{
        height: 30px !important;
        min-height: 30px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
        line-height: 30px !important;
        border-radius: 10px !important;
        white-space: nowrap !important;
        margin: 3px 3px !important; /* tua regola margin */
    }

    /* 8) Regola generica bottoni in opt-group (resta attiva, ma i due sopra vincono) */
    #iubenda-cs-banner .iubenda-cs-opt-group button{
        padding: 10px 12px !important;
        min-height: 44px;
        border-radius: 10px !important;
    }

    /* 9) Badge iubenda: nascosto (come avevi) */
    #iubenda-cs-banner .iubenda-cs-brand-badge-outer{
        display: none !important;
    }

    /* Stato "nascondi durante scroll" - selettore super specifico (batte anche !important di iubenda) */
    #iubenda-cs-banner#iubenda-cs-banner.iubenda-cs-default-floating.iubenda-hide-while-scroll{
        transform: translate3d(0,120%,0) !important;
        pointer-events: none !important;
    }

    /* Transizione morbida (anche qui super specifica) */
    #iubenda-cs-banner#iubenda-cs-banner.iubenda-cs-default-floating{
        transition: transform 200ms ease !important;
        will-change: transform;
    }

    
}