/* =========================================================
   LMDB ACCOUNT FINAL V1.0
   ========================================================= */


/* =========================================================
   ÉTAT DÉCONNECTÉ UNIQUEMENT
   ========================================================= */

body.woocommerce-account:not(.logged-in)
.elementor-element-59aaa17 {
    display:none !important;
}


body.woocommerce-account:not(.logged-in)
.elementor-element-35260b1 {
    box-sizing:border-box !important;

    padding:
        64px 24px 78px !important;

    background:#faf9f7 !important;
}


body.woocommerce-account:not(.logged-in)
#lmdb-account-intro,

body.woocommerce-account:not(.logged-in)
.elementor-element-b844414 {
    width:100% !important;
    max-width:1120px !important;

    margin-left:auto !important;
    margin-right:auto !important;
}


/* =========================================================
   INTRO
   ========================================================= */

#lmdb-account-intro {
    margin-bottom:34px;
}

#lmdb-account-intro
.lmdb-account-eyebrow {
    margin:0 0 9px;

    color:#9a7444;

    font-family:
        "Manrope",
        system-ui,
        sans-serif;

    font-size:10px;
    font-weight:650;
    line-height:1;

    letter-spacing:.15em;
    text-transform:uppercase;
}

#lmdb-account-intro h1 {
    max-width:620px;

    margin:0;

    color:#181715;

    font-family:
        "Manrope",
        system-ui,
        sans-serif;

    font-size:36px;
    font-weight:620;
    line-height:1.04;

    letter-spacing:-.045em;
}

#lmdb-account-intro p {
    max-width:620px;

    margin:13px 0 0;

    color:#6f6962;

    font-family:
        "Manrope",
        system-ui,
        sans-serif;

    font-size:14px;
    font-weight:450;
    line-height:1.6;
}


/* =========================================================
   WOOCOMMERCE
   ========================================================= */

body.woocommerce-account:not(.logged-in)
.elementor-element-b844414
.woocommerce {
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
}


body.woocommerce-account:not(.logged-in)
#customer_login {
    display:grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr) !important;

    gap:18px !important;

    width:100% !important;

    margin:0 !important;
}


body.woocommerce-account:not(.logged-in)
#customer_login::before,

body.woocommerce-account:not(.logged-in)
#customer_login::after {
    display:none !important;
    content:none !important;
}


body.woocommerce-account:not(.logged-in)
#customer_login > .u-column1,

body.woocommerce-account:not(.logged-in)
#customer_login > .u-column2 {
    float:none !important;

    width:auto !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;
}


/* =========================================================
   TITRES
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login h2 {
    margin:0 0 14px !important;

    color:#181715 !important;

    font-family:
        "Manrope",
        system-ui,
        sans-serif !important;

    font-size:17px !important;
    font-weight:650 !important;
    line-height:1.2 !important;

    letter-spacing:-.025em !important;
    text-transform:none !important;
}


/* =========================================================
   CARTES
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login form {
    display:flex !important;
    flex-direction:column !important;

    min-height:350px !important;

    box-sizing:border-box !important;

    margin:0 !important;

    padding:
        26px 28px 28px !important;

    border:
        1px solid rgba(29,29,27,.10) !important;

    border-radius:14px !important;

    background:#fff !important;

    box-shadow:
        0 8px 28px rgba(20,18,15,.035) !important;
}


body.woocommerce-account:not(.logged-in)
#customer_login
> .u-column2 form {
    background:#fdfcf9 !important;
}


/* =========================================================
   LIGNES / LABELS
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login
.form-row {
    width:100% !important;

    margin:0 0 17px !important;
    padding:0 !important;
}


body.woocommerce-account:not(.logged-in)
#customer_login label {
    display:block !important;

    margin:0 0 7px !important;

    color:#514d47 !important;

    font-family:
        "Manrope",
        system-ui,
        sans-serif !important;

    font-size:11px !important;
    font-weight:600 !important;
    line-height:1.3 !important;
}


body.woocommerce-account:not(.logged-in)
#customer_login
.required {
    color:#9a7444 !important;
}


/* =========================================================
   CHAMPS
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login
input.input-text,

body.woocommerce-account:not(.logged-in)
#customer_login
input[type="email"],

body.woocommerce-account:not(.logged-in)
#customer_login
input[type="text"],

body.woocommerce-account:not(.logged-in)
#customer_login
input[type="password"] {
    width:100% !important;
    height:52px !important;

    box-sizing:border-box !important;

    padding:0 14px !important;

    border:
        1px solid #d9d5cf !important;

    border-radius:9px !important;

    background:#fff !important;

    color:#24211e !important;

    font-family:
        "Manrope",
        system-ui,
        sans-serif !important;

    font-size:13px !important;
    font-weight:450 !important;

    box-shadow:none !important;
    outline:none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease !important;
}


body.woocommerce-account:not(.logged-in)
#customer_login input:focus {
    border-color:#a77d49 !important;

    box-shadow:
        0 0 0 3px
        rgba(167,125,73,.10) !important;
}


body.woocommerce-account:not(.logged-in)
#customer_login input:autofill,

body.woocommerce-account:not(.logged-in)
#customer_login input:-webkit-autofill {
    -webkit-box-shadow:
        0 0 0 1000px #fff inset !important;

    box-shadow:
        0 0 0 1000px #fff inset !important;

    -webkit-text-fill-color:
        #24211e !important;
}


/* =========================================================
   BOUTONS
   ========================================================= */

body.woocommerce-account:not(.logged-in)
#customer_login
.woocommerce-button,

body.woocommerce-account:not(.logged-in)
#customer_login
button.button {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:100% !important;

    min-height:48px !important;

    box-sizing:border-box !important;

    padding:0 22px !important;

    border:
        1px solid #1d1c1a !important;

    border-radius:7px !important;

    background:#1d1c1a !important;
    color:#fff !important;

    font-family:
        "Manrope",
        system-ui,
        sans-serif !important;

    font-size:12px !important;
    font-weight:650 !important;

    text-transform:none !important;

    box-shadow:none !important;
}


/* =========================================================
   REMEMBER
   ========================================================= */

body.woocommerce-account:not(.logged-in)
.woocommerce-form-login__rememberme {
    display:flex !important;

    align-items:center !important;

    gap:8px !important;

    margin:0 0 14px !important;

    color:#6e6962 !important;

    font-size:11px !important;
}


body.woocommerce-account:not(.logged-in)
.woocommerce-form-login__rememberme
input {
    width:16px !important;
    height:16px !important;

    margin:0 !important;

    accent-color:#1d1c1a;
}


/* =========================================================
   MOT DE PASSE OUBLIÉ
   ========================================================= */

body.woocommerce-account:not(.logged-in)
.lmdb-account-login-footer {
    width:100%;

    margin:14px 0 0;
}


body.woocommerce-account:not(.logged-in)
.lmdb-account-login-footer
.woocommerce-LostPassword,

body.woocommerce-account:not(.logged-in)
.lmdb-account-login-footer
.lost_password {
    width:100% !important;

    margin:0 !important;
    padding:0 !important;
}


body.woocommerce-account:not(.logged-in)
.lmdb-account-login-footer a {
    color:#65594d !important;

    font-family:
        "Manrope",
        system-ui,
        sans-serif !important;

    font-size:11px !important;
    font-weight:550 !important;
    line-height:1.35 !important;

    text-decoration:underline !important;

    text-decoration-color:
        rgba(154,116,68,.42) !important;

    text-underline-offset:3px !important;
}


/* =========================================================
   TEXTE AIDE INSCRIPTION
   ========================================================= */

body.woocommerce-account:not(.logged-in)
.lmdb-account-register-help {
    margin:0 0 17px !important;
    padding:0 !important;

    color:#777067 !important;

    font-family:
        "Manrope",
        system-ui,
        sans-serif !important;

    font-size:11px !important;
    font-weight:450 !important;
    line-height:1.5 !important;
}


/* Bouton register en bas sur desktop */

body.woocommerce-account:not(.logged-in)
.woocommerce-form-register
.lmdb-account-register-submit-row {
    margin-top:auto !important;
    margin-bottom:0 !important;

    padding:0 !important;
}


body.woocommerce-account:not(.logged-in)
.woocommerce-form-register__submit {
    margin:0 !important;

    position:static !important;

    transform:none !important;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media(max-width:900px) {

    body.woocommerce-account:not(.logged-in)
    #customer_login {
        grid-template-columns:
            minmax(0,1fr) !important;

        gap:30px !important;
    }

}


/* =========================================================
   MOBILE FINAL
   ========================================================= */

@media(max-width:767px) {

    body.woocommerce-account:not(.logged-in)
    .elementor-element-35260b1 {
        padding:
            40px 18px 54px !important;
    }


    #lmdb-account-intro {
        margin-bottom:26px;
    }


    #lmdb-account-intro h1 {
        font-size:29px;
    }


    #lmdb-account-intro p {
        font-size:13px;
    }


    /*
     * Important :
     * sur mobile les formulaires reviennent dans le flux normal.
     * Aucun margin:auto ne peut pousser le bouton hors de sa carte.
     */
    body.woocommerce-account:not(.logged-in)
    #customer_login form {
        display:block !important;

        min-height:0 !important;

        padding:
            22px 18px 24px !important;

        border-radius:12px !important;

        overflow:visible !important;
    }


    /*
     * Plus d'espace réel entre
     * Mot de passe oublié ? et S'inscrire.
     */
    body.woocommerce-account:not(.logged-in)
    #customer_login {
        row-gap:36px !important;
    }


    body.woocommerce-account:not(.logged-in)
    #customer_login
    > .u-column2 h2 {
        margin:
            0 0 14px !important;
    }


    body.woocommerce-account:not(.logged-in)
    #customer_login
    input.input-text,

    body.woocommerce-account:not(.logged-in)
    #customer_login
    input[type="email"],

    body.woocommerce-account:not(.logged-in)
    #customer_login
    input[type="text"],

    body.woocommerce-account:not(.logged-in)
    #customer_login
    input[type="password"] {
        height:50px !important;
    }


    body.woocommerce-account:not(.logged-in)
    .lmdb-account-login-footer {
        margin:
            14px 0 2px !important;
    }


    /*
     * Register :
     * dernière ligne entièrement dans la carte.
     */
    body.woocommerce-account:not(.logged-in)
    .woocommerce-form-register
    .lmdb-account-register-submit-row {
        display:block !important;

        width:100% !important;

        margin:
            19px 0 0 !important;

        padding:0 !important;

        position:static !important;

        float:none !important;
    }


    body.woocommerce-account:not(.logged-in)
    .woocommerce-form-register
    .lmdb-account-register-submit-row::before,

    body.woocommerce-account:not(.logged-in)
    .woocommerce-form-register
    .lmdb-account-register-submit-row::after {
        display:none !important;
        content:none !important;
    }


    body.woocommerce-account:not(.logged-in)
    .woocommerce-form-register__submit {
        display:flex !important;

        width:100% !important;

        min-height:48px !important;

        margin:0 !important;

        position:static !important;

        inset:auto !important;

        transform:none !important;
    }


    /*
     * =====================================================
     * WHATSAPP MON COMPTE
     * =====================================================
     */

    body.woocommerce-account
    .e-contact-buttons.has-platform-whatsapp.lmdb-account-wa-collapsed {
        width:56px !important;
        min-width:56px !important;
        max-width:56px !important;

        height:56px !important;
        min-height:56px !important;
        max-height:56px !important;
    }


    body.woocommerce-account
    .e-contact-buttons.has-platform-whatsapp.lmdb-account-wa-collapsed
    .e-contact-buttons__chat-button-container,

    body.woocommerce-account
    .e-contact-buttons.has-platform-whatsapp.lmdb-account-wa-collapsed
    .e-contact-buttons__chat-button {
        width:56px !important;
        min-width:56px !important;
        max-width:56px !important;

        height:56px !important;
        min-height:56px !important;
        max-height:56px !important;

        margin:0 !important;
        padding:0 !important;
    }


    body.woocommerce-account
    .e-contact-buttons.has-platform-whatsapp.lmdb-account-wa-collapsed
    .e-contact-buttons__chat-button {
        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        gap:0 !important;

        overflow:hidden !important;

        border-radius:50% !important;
    }


    body.woocommerce-account
    .e-contact-buttons.has-platform-whatsapp.lmdb-account-wa-collapsed
    .e-contact-buttons__chat-button-text {
        display:none !important;
    }


    body.woocommerce-account
    .e-contact-buttons.has-platform-whatsapp.lmdb-account-wa-collapsed
    svg {
        flex:0 0 auto !important;

        margin:0 !important;
    }
}