.elementor-682 .elementor-element.elementor-element-2355fd6b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-682 .elementor-element.elementor-element-5140e052{font-family:"Roboto", Sans-serif;font-weight:500;color:#000000;}.elementor-682 .elementor-element.elementor-element-5140e052 p{margin-block-end:20px;}.elementor-682 .elementor-element.elementor-element-5140e052 a{color:#BA9668;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-2355fd6b */Your previous CSS had **multiple duplicate and conflicting blocks** (such as older black `#000000` buttons, old float styles, and conflicting grid rules) which were fighting each other and causing layout breaks. Also, WordPress was auto-inserting extra `<br>` tags inside the links and labels.

Here is the **complete, unified, conflict-free CSS** that works seamlessly across:
1. **Logged-in My Account Dashboard** (Dashboard, Orders, Downloads, Addresses, Account details)
2. **Logged-out Login Page** (Centered card with "Login" heading cleanly above it & brown button)
3. **Lost / Forgot Password Page** (Centered card & brown button)
4. **Mobile Responsive** (Clean 3-column navigation grid on phones, full-width touch-friendly cards)

---

### Instructions:
1. Go to your **My Account Elementor page editor** > click on the My Account section > **Advanced > Custom CSS** (or your Child Theme `style.css` / Customizer).
2. **Remove all previous CSS** that was there.
3. **Paste this clean, all-in-one CSS**:

```css
/* ================================================================= */
/* 0. GLOBAL CONTAINER & ELEMENTOR FIXES                             */
/* ================================================================= */
.elementor-element-2355fd6b,
.elementor-element-2355fd6b .e-con-inner,
.elementor-element-2355fd6b .elementor-widget-text-editor {
    max-width: 100% !important;
    width: 100% !important;
}

/* Remove unwanted <br> tags auto-injected by WordPress into links/labels */
.woocommerce nav.woocommerce-MyAccount-navigation li a br,
.woocommerce form br {
    display: none !important;
}


/* ================================================================= */
/* 1. LOGGED-IN MY ACCOUNT DASHBOARD (Desktop Grid: 280px + Content) */
/* ================================================================= */
body.logged-in .woocommerce {
    display: grid !important;
    grid-template-columns: 280px 1fr !important;
    gap: 32px !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
    align-items: start !important;
    box-sizing: border-box !important;
    font-family: 'Jost', sans-serif !important;
}

/* Left Navigation Sidebar Card */
nav.woocommerce-MyAccount-navigation {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    padding: 16px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    grid-column: 1 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    position: sticky !important;
    top: 24px !important;
    float: none !important;
}

nav.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    width: 100% !important;
}

nav.woocommerce-MyAccount-navigation li {
    width: 100% !important;
    box-sizing: border-box !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

nav.woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
    text-decoration: none !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
}

nav.woocommerce-MyAccount-navigation li a:hover {
    background-color: #fcf9f5 !important;
    color: #BA9668 !important;
}

/* Active tab highlight */
nav.woocommerce-MyAccount-navigation li.is-active a {
    background-color: #fdf8f4 !important;
    color: #BA9668 !important;
    font-weight: 600 !important;
    box-shadow: inset 3px 0 0 0 #BA9668 !important;
}

/* Right Content Area (Orders, Downloads, Dashboard text) */
.woocommerce-MyAccount-content {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    padding: 36px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    font-size: 15px !important;
    color: #374151 !important;
    line-height: 1.7 !important;
    grid-column: 2 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    float: none !important;
}

.woocommerce-MyAccount-content p {
    margin-bottom: 18px !important;
}

.woocommerce-MyAccount-content a {
    color: #BA9668 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.woocommerce-MyAccount-content a:hover {
    color: #9e7d52 !important;
    text-decoration: underline !important;
}

/* Orders & Downloads Tables */
.woocommerce-MyAccount-content table.woocommerce-orders-table,
.woocommerce-MyAccount-content table.woocommerce-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 16px !important;
    margin-bottom: 24px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    border: 1px solid #e5e7eb !important;
}

.woocommerce-MyAccount-content table th,
.woocommerce-MyAccount-content table td {
    padding: 14px 16px !important;
    text-align: left !important;
    border-bottom: 1px solid #e5e7eb !important;
    font-size: 14px !important;
}

.woocommerce-MyAccount-content table th {
    background-color: #f9fafb !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
}

.woocommerce-MyAccount-content table tr:last-child td {
    border-bottom: none !important;
}

/* Dashboard Action Buttons & Form Inputs */
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content input[type="submit"] {
    background-color: #BA9668 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    display: inline-block !important;
    text-decoration: none !important;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content input[type="submit"]:hover {
    background-color: #a48154 !important;
}

.woocommerce-MyAccount-content input.input-text,
.woocommerce-MyAccount-content textarea {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.woocommerce-MyAccount-content input.input-text:focus,
.woocommerce-MyAccount-content textarea:focus {
    border-color: #BA9668 !important;
    box-shadow: 0 0 0 3px rgba(186, 150, 104, 0.15) !important;
}


/* ================================================================= */
/* 2. LOGGED-OUT LOGIN & FORGOT PASSWORD PAGES (Centered Cards)      */
/* ================================================================= */

/* Override grid: Center everything vertically and horizontally */
body:not(.logged-in) .woocommerce {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 30px 20px !important;
    box-sizing: border-box !important;
    font-family: 'Jost', sans-serif !important;
}

/* "Login" Heading directly above the card */
body:not(.logged-in) .woocommerce > h2 {
    text-align: center !important;
    font-size: 26px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    margin: 0 auto 20px auto !important;
    width: 100% !important;
    max-width: 460px !important;
}

/* Login Card & Lost Password Card */
body:not(.logged-in) .woocommerce form.woocommerce-form-login,
body:not(.logged-in) .woocommerce form.lost_reset_password {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 16px !important;
    padding: 36px 32px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.03) !important;
    max-width: 460px !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* Lost password description */
body:not(.logged-in) .woocommerce form.lost_reset_password > p:first-of-type {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #4b5563 !important;
    margin-bottom: 20px !important;
}

/* Form Row Spacing */
body:not(.logged-in) .woocommerce form .form-row {
    margin-bottom: 18px !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
}

/* Input Labels */
body:not(.logged-in) .woocommerce form label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    margin-bottom: 8px !important;
}

/* Input Fields */
body:not(.logged-in) .woocommerce form input.input-text {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

body:not(.logged-in) .woocommerce form input.input-text:focus {
    border-color: #BA9668 !important;
    box-shadow: 0 0 0 3px rgba(186, 150, 104, 0.15) !important;
}

/* "Remember me" checkbox */
body:not(.logged-in) .woocommerce form label.woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    font-weight: 400 !important;
    color: #4b5563 !important;
    margin-bottom: 12px !important;
}

/* Brown Buttons for Login & Reset Password */
body:not(.logged-in) .woocommerce form button.button,
body:not(.logged-in) .woocommerce form .woocommerce-form-login__submit {
    background-color: #BA9668 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 13px 24px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    text-decoration: none !important;
    margin-top: 6px !important;
    transition: background-color 0.2s ease !important;
}

body:not(.logged-in) .woocommerce form button.button:hover,
body:not(.logged-in) .woocommerce form .woocommerce-form-login__submit:hover {
    background-color: #a48154 !important;
}

/* Lost Password Link */
body:not(.logged-in) .woocommerce form .woocommerce-LostPassword {
    text-align: center !important;
    margin-top: 18px !important;
    margin-bottom: 0 !important;
}

body:not(.logged-in) .woocommerce form .woocommerce-LostPassword a {
    color: #BA9668 !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

body:not(.logged-in) .woocommerce form .woocommerce-LostPassword a:hover {
    color: #9e7d52 !important;
    text-decoration: underline !important;
}

/* Notices / Alerts Container */
.woocommerce-notices-wrapper {
    width: 100% !important;
    max-width: 460px !important;
    margin: 0 auto 16px auto !important;
}

/* Password Eye Button */
.woocommerce form .password-input {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

.woocommerce form .password-input .show-password-input {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    color: #6b7280 !important;
    padding: 0 !important;
}


/* ================================================================= */
/* 3. MOBILE RESPONSIVE (All screens <= 768px)                       */
/* ================================================================= */
@media screen and (max-width: 768px) {
    /* 1. Logged-in Dashboard Mobile */
    body.logged-in .woocommerce {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
        padding: 16px 12px !important;
        width: 100% !important;
    }

    nav.woocommerce-MyAccount-navigation {
        padding: 12px !important;
        position: static !important;
        border-radius: 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 3 items per row grid for clean, app-like mobile tabs */
    nav.woocommerce-MyAccount-navigation ul {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    nav.woocommerce-MyAccount-navigation li a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 10px 4px !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        background: #f3f4f6 !important;
        border: 1px solid #e5e7eb !important;
        border-radius: 8px !important;
        white-space: normal !important;
        box-shadow: none !important;
        height: 100% !important;
    }

    nav.woocommerce-MyAccount-navigation li.is-active a {
        background-color: #BA9668 !important;
        color: #ffffff !important;
        border-color: #BA9668 !important;
        box-shadow: none !important;
    }

    /* Content Box below Navigation */
    .woocommerce-MyAccount-content {
        padding: 20px 14px !important;
        border-radius: 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Orders & Downloads Tables Stack/Fit on Phone */
    .woocommerce-MyAccount-content table.woocommerce-orders-table,
    .woocommerce-MyAccount-content table.woocommerce-table {
        display: table !important;
        width: 100% !important;
        table-layout: fixed !important;
        word-wrap: break-word !important;
    }

    .woocommerce-MyAccount-content table th,
    .woocommerce-MyAccount-content table td {
        padding: 10px 8px !important;
        font-size: 13px !important;
        white-space: normal !important;
    }

    /* 2. Logged-out Login & Forgot Password Mobile */
    body:not(.logged-in) .woocommerce {
        padding: 20px 14px !important;
    }

    body:not(.logged-in) .woocommerce > h2 {
        font-size: 22px !important;
        margin-bottom: 16px !important;
    }

    body:not(.logged-in) .woocommerce form.woocommerce-form-login,
    body:not(.logged-in) .woocommerce form.lost_reset_password {
        padding: 24px 18px !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
    }
}

/* Extra small screens (<= 420px): 2 items per row in navigation */
@media screen and (max-width: 420px) {
    nav.woocommerce-MyAccount-navigation ul {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ================================================================= */
/* Account Details: Password Section & Save Changes Button Spacing   */
/* ================================================================= */

/* Add spacing & modern rounded border to the Password change box */
.woocommerce-EditAccountForm fieldset {
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 20px 24px 24px 24px !important;
    margin: 30px 0 24px 0 !important; /* 24px bottom space pushes the button down */
}

/* Style the "Password change" legend heading */
.woocommerce-EditAccountForm fieldset legend {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    padding: 0 10px !important;
}

/* Space above the Save changes button */
.woocommerce-EditAccountForm button[name="save_account_details"],
.woocommerce-EditAccountForm .woocommerce-Button.button {
    margin-top: 16px !important;
}/* End custom CSS */