/* ==========================================================================
   RESUME CAPTAIN: NATIVE AUTH OVERRIDES (V8 - FOOTER FIX)
   ========================================================================== */

/* 1. Base Setup - The "Infinite Background" Fix */
html, 
body:not(.logged-in).woocommerce-account {
    background-color: #f9f9fa !important;
    /* Resetting display to default ensures footer menu items don't break */
    display: block !important; 
    height: auto !important;
}

/* 2. Main Wrapper - Standard Centering */
body:not(.logged-in).woocommerce-account .woocommerce {
    max-width: 480px;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    /* Padding-bottom ensures the grey background stays visible behind the form */
    padding: 40px 20px 80px 20px !important; 
}

/* 3. INJECT THE LOGO & TAGLINE */
body:not(.logged-in).woocommerce-account .woocommerce::before {
    content: "Get to your next career destination with Resume Captain";
    display: block;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    margin: 0 !important;
    padding-top: 85px; 
    padding-bottom: 25px; 
    background-image: url('https://resumecaptain.com/wp-content/uploads/2024/12/Resume-Captain-Ico-no-bg.png');
    background-size: 70px 70px;
    background-repeat: no-repeat;
    background-position: top center;
}

/* 4. The Main Form Card */
body:not(.logged-in).woocommerce-account .entry-title {
    display: none;
}

body:not(.logged-in).woocommerce-account .xoo-el-container,
body:not(.logged-in).woocommerce-account #customer_login {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); 
    border: 1px solid #e5e5e5;
    padding: 30px;
}

/* 5. Tabs Styling */
body:not(.logged-in).woocommerce-account .xoo-el-tabs {
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #eee;
    margin-top: -10px;
    margin-bottom: 25px;
    padding: 0;
    list-style: none;
}

body:not(.logged-in).woocommerce-account .xoo-el-tabs li {
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    color: #777;
    margin-bottom: -2px; 
    border-bottom: 3px solid transparent;
    transition: all 0.2s ease-in-out;
    text-decoration: none !important; 
}

body:not(.logged-in).woocommerce-account .xoo-el-tabs li.xoo-el-active {
    color: #ed4e34 !important;
    border-bottom-color: #ed4e34 !important;
}

/* 6. Section Headings */
body:not(.logged-in).woocommerce-account .xoo-el-section {
    display: none; 
}

body:not(.logged-in).woocommerce-account .xoo-el-section.xoo-el-active {
    display: flex !important;
    flex-direction: column;
}

body:not(.logged-in).woocommerce-account .xoo-el-section h3 {
    display: none !important;
}

body:not(.logged-in).woocommerce-account .xoo-el-section::before {
    order: -2; 
    display: block;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #000;
    margin-bottom: 8px;
    content: attr(data-title);
}

/* Specific Titles */
body:not(.logged-in).woocommerce-account .xoo-el-login-section::before { content: "Welcome Back!"; }
body:not(.logged-in).woocommerce-account .xoo-el-reg-section::before { content: "Ready to take command?"; }
body:not(.logged-in).woocommerce-account .xoo-el-lostpw-section::before { content: "Reset Password"; }

/* 7. Input Fields */
body:not(.logged-in).woocommerce-account .xoo-el-form-container input:not([type="checkbox"]) {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    margin-bottom: 15px;
}

/* 8. Action Row Fix */
body:not(.logged-in).woocommerce-account .xoo-el-login-btm-fields,
body:not(.logged-in).woocommerce-account .xoo-el-action-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

body:not(.logged-in).woocommerce-account .xoo-el-lostpw-tgr {
    margin-top: -10px !important;
    color: #ed4e34 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

/* 9. Buttons */
body:not(.logged-in).woocommerce-account .xoo-el-action-btn {
    background-color: #ed4e34 !important;
    color: #ffffff !important;
    padding: 14px 20px !important;
    border-radius: 8px !important;
    width: 100%;
    font-weight: 600;
}

/* 10. Social Buttons */
body:not(.logged-in).woocommerce-account .xoo-sl-btn {
    background: #fff1ef !important; 
    border: 1px solid #ed4e34 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-bottom: 15px !important;
}

/* 11. Divider */
body:not(.logged-in).woocommerce-account .xoo-el-login-or {
    display: flex !important;
    align-items: center !important;
    margin: 20px 0 !important;
}

/* 12. Bottom Toggle */
body:not(.logged-in).woocommerce-account .xoo-el-login-tgr,
body:not(.logged-in).woocommerce-account .xoo-el-reg-tgr {
    display: block;
    text-align: center;
    margin-top: 15px;
    color: #ed4e34;
    font-weight: 500;
    text-decoration: none;
}