/*
 ERREBI LIVE — UI comune definitiva
 Solo pagine amministrative e cliente.
*/

/* Il margine viene applicato ALLA PAGINA, non alle card. */
html{
    width:100%;
}

body{
    box-sizing:border-box !important;
    width:100% !important;

    /* circa 40px su notebook, 50-60px su monitor grandi */
    padding-left:clamp(22px,2.5vw,56px) !important;
    padding-right:clamp(22px,2.5vw,56px) !important;
}

/*
 Rimuove soltanto il padding che avevamo aggiunto in precedenza
 a .wrap. Mantiene larghezza, max-width e margin originali
 definiti dalla singola pagina.
*/
.wrap{
    padding-left:0 !important;
    padding-right:0 !important;
}

/* Brand */
.errebi-live-brand{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    width:100% !important;
    text-align:left !important;
    margin:0 0 22px 0 !important;
    padding:0 !important;
}

.errebi-live-brand img,
.brand img[src*="errebi-live-logo"]{
    display:block !important;
    height:auto !important;
    object-fit:contain !important;
    margin-left:0 !important;
    margin-right:auto !important;
    padding:0 !important;
    border:0 !important;
}

/* Anche eventuali vecchi contenitori .brand non centrano più il logo */
.brand{
    text-align:left !important;
}

/* Mobile */
@media(max-width:700px){
    body{
        padding-left:14px !important;
        padding-right:14px !important;
    }

    .errebi-live-brand{
        margin-bottom:16px !important;
    }
}