/* ============================================================
 * BARFmenu - Account Login
 * ============================================================ */


/* ------------------------------------------------------------
 * ALGEMEEN / DESKTOP
 * ------------------------------------------------------------ */

/* Verberg standaard Lightspeed titel "Nieuwe klanten" */
#gui-account-login-new-customers-title {
    display: none !important;
}


/* Native account-knop onder BARFmenu account-content */
.gui-login .gui-account-loyalty-content > .gui-buttons {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 15px 0 30px 0 !important;
    padding: 0 !important;
    overflow: hidden;
}


/* Native Lightspeed button links uitlijnen */
.gui-login .gui-account-loyalty-content > .gui-buttons .gui-right {
    float: none !important;
    text-align: left !important;
}


/* Ruimte voor uitgebreide BARFmenu account-content */
.gui-login:has(.bm-account-login-content-loaded) {
    padding-bottom: 60px !important;
}


/* ------------------------------------------------------------
 * MOBIEL
 * Native Lightspeed login van 2 kolommen naar 1 kolom
 * ------------------------------------------------------------ */

@media screen and (max-width: 980px) {

    /* Hoofdcontainer volledig laten meegroeien */
    .gui-login .gui-col2-big {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }


    /* Nieuwe klanten */
    .gui-login .gui-col2-big-col1 {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
    }


    /* Geregistreerde klanten */
    .gui-login .gui-col2-big-col2,
    .gui-login .gui-login-registered {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 30px 0 0 0 !important;
        padding: 0 !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
    }


    /* BARFmenu-content mag zijn natuurlijke hoogte gebruiken */
    .gui-login .gui-account-loyalty-content {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }


    /* Registratieknop blijft onder BARFmenu-content */
    .gui-login .gui-account-loyalty-content > .gui-buttons {
        width: 100% !important;
        margin: 15px 0 0 0 !important;
    }


    /* Desktop-compensatie is mobiel niet nodig */
    .gui-login:has(.bm-account-login-content-loaded) {
        padding-bottom: 30px !important;
    }

}