.elementor-16 .elementor-element.elementor-element-3a76f913{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}/* Start custom CSS for text-editor, class: .elementor-element-18ee9e12 *//* =================================
ACCOUNT PAGE
================================= */

.woocommerce-account .woocommerce{
    margin-top:30px;
}

/* =================================
LOGIN PAGE DESIGN
================================= */

/* Container */
.woocommerce-account .woocommerce{
    max-width: 550px;
    margin: 30px auto;
}

/* Hide container limit when logged in (dashboard needs more space) */
.woocommerce-account.logged-in .woocommerce{
    max-width: 1200px;
}

.woocommerce-account .entry-title,
.woocommerce-account .woocommerce h2{
    text-align:center;
    font-size:42px;
    font-weight:700;
    color:#000000;
    margin-bottom:25px;
}

/* Login Card & Form Containers */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .g-lwo-form.woocommerce-form-login,
.woocommerce-account .xoo-aff-container,
.woocommerce-account .digits_bx{
    background:#fff !important;
    border:none !important;
    border-radius:24px !important;
    padding:35px !important;
    box-shadow:0 10px 40px rgba(0,0,0,.08) !important;
}

/* Labels */
.woocommerce-account label{
    font-size:15px !important;
    font-weight:600 !important;
    color:#111 !important;
    margin-bottom: 8px !important;
    display: inline-block;
}

/* Inputs Styling */
.woocommerce-account .woocommerce-form-login input[type="text"],
.woocommerce-account .woocommerce-form-login input[type="email"],
.woocommerce-account .woocommerce-form-login input[type="password"],
.woocommerce-account .woocommerce-form-login input[type="tel"],
.woocommerce-account .g-lwo-form input[type="text"],
.woocommerce-account .g-lwo-form input[type="email"],
.woocommerce-account .g-lwo-form input[type="password"],
.woocommerce-account .g-lwo-form input[type="tel"]{
    width:100% !important;
    height:58px !important;
    border-radius:14px !important;
    border:1px solid #dce3ec !important;
    background:#fff !important;
    padding:0 18px !important;
    font-size:16px !important;
    margin-bottom: 5px !important;
}

/* Form Row Spacing */
.woocommerce-account .form-row{
    margin-bottom:18px !important;
    padding: 0 !important;
}

/* Main Buttons (OTP, Email, Submit) */
.woocommerce-account .woocommerce-button.button,
.woocommerce-account .g-web-login-otp-btn,
.woocommerce-account .g-web-low-back,
.woocommerce-account .g-web-open-lwo-btn,
.woocommerce-account .woocommerce-form-login__submit{
    width:100% !important;
    min-height:56px !important;
    border-radius:14px !important;
    font-size:18px !important;
    font-weight:600 !important;
    background:#000000 !important;
    color:#ffffff !important;
    border:none !important;
    box-shadow:none !important;
    cursor: pointer;
    transition: .3s ease;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-transform: none !important;
}

.woocommerce-account .woocommerce-button.button:hover,
.woocommerce-account .g-web-login-otp-btn:hover,
.woocommerce-account .woocommerce-form-login__submit:hover{
    transform:translateY(-2px);
    background: #222 !important;
}

/* Notices & Error Styling */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
    background:#fff !important;
    border:none !important;
    border-radius:16px !important;
    box-shadow:0 10px 25px rgba(0,0,0,.05) !important;
    padding:18px 25px !important;
    margin-bottom:25px !important;
    list-style:none !important;
    border-left: 5px solid #000 !important;
}

/* Checkbox & Remember Me */
.woocommerce-form-login__rememberme{
    display:flex !important;
    align-items:center;
    gap:10px;
    margin:15px 0 !important;
    font-weight:500 !important;
    color:#666 !important;
}

.woocommerce-form-login__rememberme input[type="checkbox"]{
    width:18px !important;
    height:18px !important;
    margin:0 !important;
    accent-color:#000;
}

/* Lost Password Link */
.lost_password{
    text-align:center;
    margin-top:15px !important;
}

.lost_password a{
    color:#666 !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:500 !important;
}

.lost_password a:hover{
    color:#000 !important;
}

/* OTP Digits Block */
.g-web-otp-input-cont{
    display:flex;
    justify-content:center;
    gap:12px;
    margin:25px 0 !important;
}

.g-web-otp-input{
    width:55px !important;
    height:60px !important;
    border-radius:14px !important;
    border:1px solid #dce3ec !important;
    text-align:center;
    font-size:22px !important;
    font-weight:700 !important;
}

/* Password Toggle */
.show-password-input{
    top:50% !important;
    transform:translateY(-50%);
    right:15px !important;
    background: transparent !important;
    border: none !important;
}

/* Google Sign-in */
.googlesitekit-sign-in-with-google__frontend-output-button{
    display:flex !important;
    justify-content:center;
    margin-bottom:25px !important;
}

/* =================================
DASHBOARD (Logged In)
================================= */

.logged-in.woocommerce-account .woocommerce{
    display:flex;
    gap:30px;
    align-items:flex-start;
}

.logged-in .woocommerce-MyAccount-navigation{
    width:280px;
    flex-shrink:0;
}

.logged-in .woocommerce-MyAccount-navigation ul{
    background:#fff;
    border-radius:20px;
    padding:12px;
    margin:0;
    list-style:none;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.logged-in .woocommerce-MyAccount-navigation li a{
    display:block;
    padding:16px 20px;
    border-radius:12px;
    text-decoration:none;
    color:#111;
    font-weight:600;
    transition:.2s;
}

.logged-in .woocommerce-MyAccount-navigation li.is-active a{
    background:#000000;
    color:#ffffff;
}

.logged-in .woocommerce-MyAccount-content{
    flex:1;
    background:#fff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

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

@media(max-width:768px){
    .woocommerce-account .woocommerce{
        padding: 15px;
    }
    
    .woocommerce-account .woocommerce-form-login{
        padding: 25px !important;
    }

    .logged-in.woocommerce-account .woocommerce{
        flex-direction:column;
    }

    .logged-in .woocommerce-MyAccount-navigation{
        width:100%;
    }

    .logged-in .woocommerce-MyAccount-navigation ul{
        display:flex;
        overflow-x:auto;
        gap:10px;
        white-space:nowrap;
    }
}/* End custom CSS */