.elementor-2354 .elementor-element.elementor-element-fd6ec8f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2354 .elementor-element.elementor-element-fd6ec8f:not(.elementor-motion-effects-element-type-background), .elementor-2354 .elementor-element.elementor-element-fd6ec8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2354 .elementor-element.elementor-element-e66f27f{--display:flex;}.elementor-2354 .elementor-element.elementor-element-b04d4e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2354 .elementor-element.elementor-element-e66f27f{--width:83%;}}/* Start custom CSS for shortcode, class: .elementor-element-f548245 *//* =====================================================
   1. SURGICAL BACKGROUND FIX (ACCOUNT PAGE ONLY)
===================================================== */

/* Target the account page specifically to avoid bleaching the footer */
.woocommerce-account:not(.logged-in) #main, 
.woocommerce-account:not(.logged-in) #primary,
.woocommerce-account:not(.logged-in) .site-content, 
.woocommerce-account:not(.logged-in) .entry-content,
.woocommerce-account:not(.logged-in) .content-area,
.woocommerce-account:not(.logged-in) article {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* This targets the "sidebars" or "wrappers" that are likely holding the green */
.woocommerce-account:not(.logged-in) .ast-container, 
.woocommerce-account:not(.logged-in) .container, 
.woocommerce-account:not(.logged-in) .site-main {
    background-color: #ffffff !important;
}

/* =====================================================
   2. FORM BOX & EYE ICON FIX
===================================================== */

.woocommerce-account:not(.logged-in) .woocommerce {
    max-width: 500px;
    margin: 0 auto;
    padding: 60px 20px;
}

.woocommerce-form-login, 
.woocommerce-form-register {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 20px !important;
    border: 1.5px solid #ebebeb !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}

/* THE EYE ICON: Removes blue/black boxes and centers it */
.woocommerce-form-row {
    position: relative !important;
}

.show-password-input {
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important; /* Proper centering */
    background: transparent !important; 
    border: none !important;
    cursor: pointer;
    width: auto !important;
    height: auto !important;
    z-index: 10;
}

/* Strip any extra shapes theme might add to the icon */
.show-password-input::after {
    display: none !important;
}

/* =====================================================
   3. INPUTS & BUTTONS (MATCHING REFERENCE)
===================================================== */

.woocommerce-form input.input-text, 
.woocommerce-form select {
    width: 100% !important;
    padding: 14px 18px !important
    /* 1. Target the specific link by its URL destination to be safe */
.woocommerce-account a[href*="wp-login.php"], 
.woocommerce-account a[href*="wp-admin"] {
    display: none !important;
}

add_action('init', 'redirect_wp_admin_to_my_account');

function redirect_wp_admin_to_my_account() {
    global $pagenow;
    
    /* Check if we are on the login page and NOT trying to log out */
    if ('wp-login.php' == $pagenow && !isset($_GET['action'])) {
        wp_redirect('https://mydentora.com/my-account/');
        exit;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fd6ec8f *//* =====================================================
   1. THE "NUCLEAR WHITE-OUT" (KILLS GREEN SIDEBARS)
===================================================== */

/* This targets the <body> and EVERY div inside it until it hits the form */
body:not(.logged-in), 
body:not(.logged-in) div, 
body:not(.logged-in) section, 
body:not(.logged-in) article, 
body:not(.logged-in) main, 
body:not(.logged-in) header {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* =====================================================
   2. LOGIN FORM STYLING (LOGGED OUT)
===================================================== */

/* Center the login box on the clean white background */
.woocommerce-account:not(.logged-in) .woocommerce {
    max-width: 450px;
    margin: 0 auto;
    padding: 80px 20px; /* Added more top/bottom space */
}

.woocommerce-form-login {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 12px !important;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
}

/* Fix Input Fields & Labels */
.woocommerce-form-login label {
    color: #000000 !important;
    font-weight: 700 !important;
    font-size: 13px;
    margin-bottom: 8px;
    display: block;
}

.woocommerce-form-login input.input-text {
    border: 1.5px solid #000000 !important;
    border-radius: 8px !important;
    padding: 14px !important;
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Eye Icon Positioning (Perfect Center) */
.woocommerce-form-row {
    position: relative !important;
}

.woocommerce-form-login .show-password-input {
    position: absolute !important;
    right: 15px !important;
    top: 55% !important; /* Forces it into the input box vertically */
    transform: translateY(-50%) !important;
    cursor: pointer;
}

/* Login Button */
.woocommerce-form-login .button {
    width: 100%;
    background-color: #006adc !important;
    color: #ffffff !important;
    padding: 16px !important;
    border-radius: 10px !important;
    font-weight: 600;
    margin-top: 10px;
}

/* =====================================================
   3. DASHBOARD STYLING (LOGGED IN - KEEPING THE GREEN)
===================================================== */

/* We only apply the green back when the user IS logged in */
body.logged-in .woocommerce-MyAccount-content {
    background-color: #0b2b0e !important;
    color: #ffffff !important;
    padding: 30px;
    border-radius: 12px;
}

body.logged-in .woocommerce-MyAccount-navigation ul li {
    background-color: #0b2b0e !important;
    border-bottom: 1px solid #1a421e;
}

body.logged-in .woocommerce-MyAccount-navigation ul li a {
    color: #ffffff !important;
    padding: 15px;
    display: block;
    text-decoration: none;
}

body.logged-in .woocommerce-MyAccount-navigation ul li.is-active {
    background-color: #007bff !important;
}/* End custom CSS */