.elementor-20 .elementor-element.elementor-element-6d9b7811{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* ═══════════════════════════════════════════════════
   EXCELSIOR WHOLESALE — MY ACCOUNT PAGE
   Targets the [woocommerce_my_account] shortcode output
   ═══════════════════════════════════════════════════ */

/* ──────────────────────────────────────────
   COLUMNS / GRID HELPERS
   ────────────────────────────────────────── */

.woocommerce-account .u-columns,
.woocommerce-account .u-columns.col2-set {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
    max-width: 980px !important;
    margin: 0 auto !important;
    float: none !important;
}

.woocommerce-account .u-column1,
.woocommerce-account .u-column2,
.woocommerce-account .col-1,
.woocommerce-account .col-2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}


/* ──────────────────────────────────────────
   LOGIN / REGISTER FORM CARDS
   ────────────────────────────────────────── */

.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register {
    background: var(--exc-white) !important;
    border: 1px solid var(--exc-border) !important;
    border-top: 2px solid var(--exc-purple) !important;
    border-radius: var(--exc-radius-md) !important;
    padding: 40px 36px !important;
    margin: 0 !important;
    box-shadow: var(--exc-shadow-sm) !important;
    font-family: var(--exc-sans) !important;
}

/* Form headings with eyebrow */
.woocommerce-account .woocommerce form.login h2,
.woocommerce-account .woocommerce form.register h2 {
    font-family: var(--exc-sans) !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: var(--exc-ink) !important;
    margin: 0 0 28px !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid var(--exc-border) !important;
    letter-spacing: -0.005em !important;
    line-height: 1.3 !important;
}

.woocommerce-account .woocommerce form.login h2::before,
.woocommerce-account .woocommerce form.register h2::before {
    display: block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--exc-purple) !important;
    margin: 0 0 8px !important;
    line-height: 1 !important;
}

.woocommerce-account .woocommerce form.login h2::before { content: 'Returning Customer' !important; }
.woocommerce-account .woocommerce form.register h2::before { content: 'New Customer' !important; }


/* ──────────────────────────────────────────
   FORM FIELDS
   ────────────────────────────────────────── */

.woocommerce-account .woocommerce form.login .form-row,
.woocommerce-account .woocommerce form.register .form-row,
.woocommerce-account .woocommerce-MyAccount-content .form-row,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row {
    margin: 0 0 20px !important;
    padding: 0 !important;
    display: block !important;
}

.woocommerce-account .woocommerce form.login .form-row label,
.woocommerce-account .woocommerce form.register .form-row label,
.woocommerce-account .woocommerce-MyAccount-content .form-row label,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-form-row label {
    display: block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--exc-ink) !important;
    margin: 0 0 8px !important;
    line-height: 1 !important;
}

.woocommerce-account .form-row label .required,
.woocommerce-account .woocommerce-form-row label .required {
    color: var(--exc-purple) !important;
    text-decoration: none !important;
    margin-left: 4px !important;
    border: 0 !important;
}

/* Inputs — scoped to account page only */
.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.register input[type="text"],
.woocommerce-account .woocommerce form.register input[type="email"],
.woocommerce-account .woocommerce form.register input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content input[type="url"],
.woocommerce-account .woocommerce-MyAccount-content input[type="number"],
.woocommerce-account .woocommerce-MyAccount-content textarea,
.woocommerce-account .woocommerce-MyAccount-content select {
    width: 100% !important;
    padding: 12px 16px !important;
    background: var(--exc-white) !important;
    border: 1px solid var(--exc-border) !important;
    border-radius: var(--exc-radius-md) !important;
    font-family: var(--exc-sans) !important;
    font-size: 14px !important;
    color: var(--exc-ink) !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 46px !important;
}

.woocommerce-account .woocommerce form.login input:focus,
.woocommerce-account .woocommerce form.register input:focus,
.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content textarea:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus {
    border-color: var(--exc-purple) !important;
    box-shadow: 0 0 0 3px var(--exc-purple-soft) !important;
    outline: none !important;
}

.woocommerce-account .form-row em,
.woocommerce-account .woocommerce-form-row em {
    display: block !important;
    font-style: normal !important;
    font-size: 12px !important;
    color: var(--exc-muted) !important;
    margin: 6px 0 0 !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

/* Remember Me */
.woocommerce-account .woocommerce-form-login__rememberme,
.woocommerce-account label.woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: var(--exc-ink) !important;
    margin: 0 !important;
    cursor: pointer !important;
}

.woocommerce-account input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--exc-white) !important;
    border: 1.5px solid var(--exc-border) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    position: relative !important;
    flex-shrink: 0;
    transition: border-color 0.15s ease, background 0.15s ease !important;
}
.woocommerce-account input[type="checkbox"]:checked {
    background: var(--exc-purple) !important;
    border-color: var(--exc-purple) !important;
}
.woocommerce-account input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5px;
    height: 9px;
    border: solid var(--exc-white);
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -60%) rotate(45deg);
}


/* ──────────────────────────────────────────
   BUTTONS — scoped to account page only,
   never touches .button class globally
   ────────────────────────────────────────── */

.woocommerce-account .woocommerce form.login button.button,
.woocommerce-account .woocommerce form.login input[type="submit"],
.woocommerce-account .woocommerce form.register button.button,
.woocommerce-account .woocommerce form.register input[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content button.button,
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content a.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 14px 28px !important;
    background: var(--exc-purple) !important;
    color: var(--exc-white) !important;
    border: 1px solid var(--exc-purple) !important;
    border-radius: var(--exc-radius-md) !important;
    font-family: var(--exc-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background 0.25s ease, border-color 0.25s ease, transform 0.1s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(143, 41, 151, 0.2) !important;
    text-shadow: none !important;
    line-height: 1.4 !important;
    min-height: 0 !important;
    height: auto !important;
}

.woocommerce-account .woocommerce form.login button.button:hover,
.woocommerce-account .woocommerce form.login input[type="submit"]:hover,
.woocommerce-account .woocommerce form.register button.button:hover,
.woocommerce-account .woocommerce form.register input[type="submit"]:hover,
.woocommerce-account .woocommerce-MyAccount-content button.button:hover,
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover,
.woocommerce-account .woocommerce-MyAccount-content a.button:hover {
    background: var(--exc-purple-dark) !important;
    border-color: var(--exc-purple-dark) !important;
    color: var(--exc-white) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(143, 41, 151, 0.28) !important;
}

/* Lost password link */
.woocommerce-account .woocommerce-LostPassword,
.woocommerce-account p.lost_password {
    margin: 16px 0 0 !important;
    padding: 0 !important;
}
.woocommerce-account .woocommerce-LostPassword a,
.woocommerce-account .lost_password a {
    font-size: 13px !important;
    color: var(--exc-muted) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--exc-purple-line) !important;
    padding-bottom: 1px !important;
    font-weight: 600 !important;
    transition: color 0.2s ease, border-color 0.2s ease !important;
}
.woocommerce-account .woocommerce-LostPassword a:hover,
.woocommerce-account .lost_password a:hover {
    color: var(--exc-purple) !important;
    border-bottom-color: var(--exc-purple) !important;
}


/* ──────────────────────────────────────────
   LOGGED-IN STATE — SIDEBAR NAV
   ────────────────────────────────────────── */

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: var(--exc-white) !important;
    border: 1px solid var(--exc-border) !important;
    border-top: 2px solid var(--exc-purple) !important;
    border-radius: var(--exc-radius-md) !important;
    overflow: hidden !important;
    box-shadow: var(--exc-shadow-sm) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid var(--exc-border) !important;
    list-style: none !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child {
    border-bottom: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
    display: block !important;
    padding: 14px 20px !important;
    font-family: var(--exc-sans) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: var(--exc-muted) !important;
    text-decoration: none !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    background: var(--exc-off-white) !important;
    color: var(--exc-purple) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--is-active a {
    background: var(--exc-purple) !important;
    color: var(--exc-white) !important;
}


/* ──────────────────────────────────────────
   MAIN CONTENT AREA
   ────────────────────────────────────────── */

.woocommerce-account .woocommerce-MyAccount-content {
    background: var(--exc-white) !important;
    border: 1px solid var(--exc-border) !important;
    border-top: 2px solid var(--exc-purple) !important;
    border-radius: var(--exc-radius-md) !important;
    padding: 40px 44px !important;
    font-family: var(--exc-sans) !important;
    box-shadow: var(--exc-shadow-sm) !important;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
    font-family: var(--exc-sans) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--exc-ink) !important;
    margin: 24px 0 16px !important;
    padding: 0 !important;
    border-bottom: none !important;
    letter-spacing: -0.005em !important;
}
.woocommerce-account .woocommerce-MyAccount-content h2::before,
.woocommerce-account .woocommerce-MyAccount-content h3::before,
.woocommerce-account .woocommerce-MyAccount-content h2::after,
.woocommerce-account .woocommerce-MyAccount-content h3::after {
    display: none !important;
    content: none !important;
}


/* ──────────────────────────────────────────
   DASHBOARD CONTENT POLISH
   ────────────────────────────────────────── */

/* Eyebrow "Welcome" above the greeting */
.woocommerce-account .woocommerce-MyAccount-content > p:first-child::before {
    content: 'Welcome' !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--exc-purple) !important;
    margin: 0 0 12px !important;
    line-height: 1 !important;
}

/* Slightly larger welcome paragraph */
.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: var(--exc-ink) !important;
    margin: 0 0 16px !important;
    font-weight: 400 !important;
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-child strong {
    color: var(--exc-purple) !important;
    font-weight: 700 !important;
}

/* Second paragraph (description) softer */
.woocommerce-account .woocommerce-MyAccount-content > p:nth-child(2) {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: var(--exc-muted) !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

/* Links inside dashboard content */
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.edit) {
    color: var(--exc-purple) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--exc-purple-line) !important;
    padding-bottom: 1px !important;
    font-weight: 600 !important;
    transition: color 0.2s ease, border-color 0.2s ease !important;
}
.woocommerce-account .woocommerce-MyAccount-content a:not(.button):not(.edit):hover {
    color: var(--exc-purple-dark) !important;
    border-bottom-color: var(--exc-purple) !important;
}


/* ──────────────────────────────────────────
   ORDER TABLE
   ────────────────────────────────────────── */

.woocommerce-account .woocommerce-orders-table,
.woocommerce-account table.shop_table,
.woocommerce-account table.woocommerce-MyAccount-orders {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1px solid var(--exc-border) !important;
    border-radius: var(--exc-radius-md) !important;
    font-size: 13px !important;
    margin: 0 0 24px !important;
    overflow: hidden !important;
}

.woocommerce-account table.shop_table thead {
    background: var(--exc-off-white) !important;
}

.woocommerce-account table.shop_table th {
    padding: 14px 16px !important;
    font-family: var(--exc-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    color: var(--exc-muted) !important;
    text-align: left !important;
    border-bottom: 1px solid var(--exc-border) !important;
    background: transparent !important;
}

.woocommerce-account table.shop_table td {
    padding: 14px 16px !important;
    font-family: var(--exc-sans) !important;
    font-size: 13px !important;
    color: var(--exc-ink) !important;
    border-bottom: 1px solid var(--exc-border) !important;
    background: transparent !important;
    vertical-align: middle !important;
}

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

.woocommerce-account table.shop_table tr:hover td {
    background: var(--exc-off-white) !important;
}

.woocommerce-account table.shop_table .button {
    padding: 8px 14px !important;
    font-size: 10px !important;
    letter-spacing: 0.14em !important;
}

/* Order status badges */
.woocommerce-account .order-status,
.woocommerce-account mark.order-status {
    display: inline-block !important;
    padding: 4px 10px !important;
    background: var(--exc-purple-soft) !important;
    color: var(--exc-purple) !important;
    font-family: var(--exc-sans) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    border-radius: 999px !important;
    line-height: 1.4 !important;
}

.woocommerce-account .order-status.status-completed,
.woocommerce-account mark.order-status.status-completed {
    background: rgba(46, 139, 87, 0.12) !important;
    color: #2e8b57 !important;
}

.woocommerce-account .order-status.status-cancelled,
.woocommerce-account mark.order-status.status-cancelled,
.woocommerce-account .order-status.status-failed,
.woocommerce-account mark.order-status.status-failed {
    background: rgba(192, 57, 43, 0.12) !important;
    color: #c0392b !important;
}

.woocommerce-account .order-status.status-on-hold,
.woocommerce-account mark.order-status.status-on-hold {
    background: rgba(243, 156, 18, 0.12) !important;
    color: #d68910 !important;
}


/* ──────────────────────────────────────────
   ADDRESSES — grid layout for the two cards
   ────────────────────────────────────────── */

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-account .woocommerce-MyAccount-content .u-columns,
.woocommerce-account .woocommerce-MyAccount-content .u-columns.col2-set,
.woocommerce-account .woocommerce-MyAccount-content .u-columns.addresses,
.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses,
.woocommerce-account .woocommerce-MyAccount-content > .addresses {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses::after,
.woocommerce-account .woocommerce-MyAccount-content .u-columns::before,
.woocommerce-account .woocommerce-MyAccount-content .u-columns::after,
.woocommerce-account .woocommerce-MyAccount-content .col2-set::before,
.woocommerce-account .woocommerce-MyAccount-content .col2-set::after {
    display: none !important;
    content: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-account .woocommerce-MyAccount-content .u-column1,
.woocommerce-account .woocommerce-MyAccount-content .u-column2,
.woocommerce-account .woocommerce-MyAccount-content .col-1,
.woocommerce-account .woocommerce-MyAccount-content .col-2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 28px !important;
    background: var(--exc-off-white) !important;
    border: 1px solid var(--exc-border) !important;
    border-radius: var(--exc-radius-md) !important;
    box-sizing: border-box !important;
    clear: none !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title,
.woocommerce-account .woocommerce-MyAccount-content header.title,
.woocommerce-account .woocommerce-MyAccount-content .col-1 header,
.woocommerce-account .woocommerce-MyAccount-content .col-2 header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 0 16px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid var(--exc-border) !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-MyAccount-content header.title h3,
.woocommerce-account .woocommerce-MyAccount-content .col-1 h3,
.woocommerce-account .woocommerce-MyAccount-content .col-2 h3 {
    font-family: var(--exc-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--exc-purple) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1 !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a,
.woocommerce-account .woocommerce-MyAccount-content header.title .edit,
.woocommerce-account .woocommerce-MyAccount-content header a.edit {
    font-family: var(--exc-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--exc-purple) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--exc-purple-line) !important;
    padding-bottom: 2px !important;
    transition: color 0.2s ease, border-color 0.2s ease !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title a:hover,
.woocommerce-account .woocommerce-MyAccount-content header a.edit:hover {
    color: var(--exc-purple-dark) !important;
    border-bottom-color: var(--exc-purple) !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address,
.woocommerce-account .woocommerce-MyAccount-content .col-1 address,
.woocommerce-account .woocommerce-MyAccount-content .col-2 address {
    font-family: var(--exc-sans) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: var(--exc-ink) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    margin: 0 !important;
}


/* ──────────────────────────────────────────
   NOTICES (success / error / info)
   ────────────────────────────────────────── */

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    border: 1px solid var(--exc-border) !important;
    border-left: 4px solid var(--exc-purple) !important;
    border-radius: var(--exc-radius-md) !important;
    padding: 16px 20px !important;
    margin: 0 0 24px !important;
    font-family: var(--exc-sans) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    background: var(--exc-white) !important;
    color: var(--exc-ink) !important;
    list-style: none !important;
    box-shadow: var(--exc-shadow-sm) !important;
}

.woocommerce-account .woocommerce-message {
    border-left-color: #2e8b57 !important;
}

.woocommerce-account .woocommerce-info {
    border-left-color: var(--exc-purple) !important;
}

.woocommerce-account .woocommerce-error {
    border-left-color: #c0392b !important;
}

.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-error::before,
.woocommerce-account .woocommerce-message::after,
.woocommerce-account .woocommerce-info::after,
.woocommerce-account .woocommerce-error::after {
    display: none !important;
    content: none !important;
    background: none !important;
}


/* ──────────────────────────────────────────
   PASSWORD STRENGTH METER
   ────────────────────────────────────────── */

.woocommerce-account .woocommerce-password-strength {
    margin: 8px 0 0 !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    border-radius: var(--exc-radius-sm) !important;
    font-family: var(--exc-sans) !important;
}

.woocommerce-account .woocommerce-password-strength.strong {
    background: rgba(46, 139, 87, 0.12) !important;
    color: #2e8b57 !important;
}
.woocommerce-account .woocommerce-password-strength.short,
.woocommerce-account .woocommerce-password-strength.bad {
    background: rgba(192, 57, 43, 0.12) !important;
    color: #c0392b !important;
}


/* ──────────────────────────────────────────
   PAGE TITLE — hide WooCommerce default
   ────────────────────────────────────────── */

.woocommerce-account .entry-title,
.woocommerce-account .page-title,
.woocommerce-account h1.entry-title {
    display: none !important;
}


/* ═══════════════════════════════════════════════════
   PAGE WRAPPER LAYOUT — scoped via :has()
   Only matches the real My Account wrapper
   ═══════════════════════════════════════════════════ */

/* Logged-in: 2-column grid (sidebar + content) */
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
    display: grid !important;
    grid-template-columns: 240px 1fr !important;
    gap: 40px !important;
    align-items: start !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 64px 32px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
    font-family: var(--exc-sans) !important;
}

/* Logged-out: centred login/register forms */
.woocommerce-account .woocommerce:has(> form.login),
.woocommerce-account .woocommerce:has(> form.register),
.woocommerce-account .woocommerce:has(> .u-columns),
.woocommerce-account .woocommerce:has(> #customer_login) {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 80px 32px !important;
    font-family: var(--exc-sans) !important;
    float: none !important;
}

/* Force nav and content as grid items, not floats */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    display: block !important;
    grid-column: 1 !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    display: block !important;
    grid-column: 2 !important;
}

/* Kill any clearfix that breaks grid */
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after {
    display: none !important;
    content: none !important;
}


/* ──────────────────────────────────────────
   MOBILE
   ────────────────────────────────────────── */

@media (max-width: 1024px) {
    .woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 48px 20px !important;
    }
    
    .woocommerce-account .woocommerce:has(> form.login),
    .woocommerce-account .woocommerce:has(> form.register),
    .woocommerce-account .woocommerce:has(> .u-columns),
    .woocommerce-account .woocommerce:has(> #customer_login) {
        padding: 48px 20px !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        grid-column: 1 !important;
    }
    
    .woocommerce-account .woocommerce-MyAccount-content {
        padding: 28px 24px !important;
    }
    
    .woocommerce-account .u-columns,
    .woocommerce-account .u-columns.col2-set,
    .woocommerce-account #customer_login {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    .woocommerce-account .woocommerce form.login,
    .woocommerce-account .woocommerce form.register {
        padding: 32px 24px !important;
    }
    
    .woocommerce-account table.shop_table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
    }
    
    .woocommerce-account table.shop_table thead,
    .woocommerce-account table.shop_table tbody,
    .woocommerce-account table.shop_table tr {
        display: table !important;
        width: 100% !important;
        table-layout: fixed !important;
    }
}

@media (max-width: 767px) {
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
    .woocommerce-account .woocommerce-MyAccount-content .u-columns,
    .woocommerce-account .woocommerce-MyAccount-content .col2-set {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
}


/* ═══════════════════════════════════════════════════
   #customer_login GRID FALLBACK
   For sites where login/register share #customer_login
   instead of .u-columns
   ═══════════════════════════════════════════════════ */

.woocommerce-account #customer_login.u-columns.col2-set,
.woocommerce-account #customer_login {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
    max-width: 980px !important;
    margin: 0 auto !important;
}
.woocommerce-account #customer_login::before,
.woocommerce-account #customer_login::after {
    display: none !important;
    content: none !important;
}
.woocommerce-account #customer_login > .u-column1,
.woocommerce-account #customer_login > .col-1 {
    grid-column: 1 / 2 !important;
}
.woocommerce-account #customer_login > .u-column2,
.woocommerce-account #customer_login > .col-2 {
    grid-column: 2 / 3 !important;
}

@media (max-width: 1024px) {
    .woocommerce-account #customer_login.u-columns.col2-set,
    .woocommerce-account #customer_login {
        grid-template-columns: 1fr !important;
    }
    .woocommerce-account #customer_login > .u-column1,
    .woocommerce-account #customer_login > .u-column2,
    .woocommerce-account #customer_login > .col-1,
    .woocommerce-account #customer_login > .col-2 {
        grid-column: 1 / 2 !important;
    }
}

/* ════════════════════════════════════════════════════
   ADDRESSES — STRONGER HEADING TARGETING
   ════════════════════════════════════════════════════ */

/* Catch the address heading regardless of wrapper structure.
   WC sometimes uses <header class="title">, sometimes just <h3>. */
.woocommerce-account .woocommerce-MyAccount-content .col-1 > h3,
.woocommerce-account .woocommerce-MyAccount-content .col-2 > h3,
.woocommerce-account .woocommerce-MyAccount-content .col-1 > header h3,
.woocommerce-account .woocommerce-MyAccount-content .col-2 > header h3,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address > h3,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title h3,
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title h3 {
    font-family: var(--exc-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--exc-purple) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1 !important;
    display: inline-block !important;
}

/* Force the header wrapper to use flex with proper alignment */
.woocommerce-account .woocommerce-MyAccount-content .col-1 > header,
.woocommerce-account .woocommerce-MyAccount-content .col-2 > header,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address > header,
.woocommerce-account .woocommerce-MyAccount-content header.title,
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    margin: 0 0 16px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid var(--exc-border) !important;
    flex-wrap: nowrap !important;
}

/* Edit/Add link — keep aligned right, single line, smaller */
.woocommerce-account .woocommerce-MyAccount-content .col-1 > header a,
.woocommerce-account .woocommerce-MyAccount-content .col-2 > header a,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address > header a,
.woocommerce-account .woocommerce-MyAccount-content header.title a,
.woocommerce-account .woocommerce-MyAccount-content header.title .edit,
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title a {
    font-family: var(--exc-sans) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    color: var(--exc-purple) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--exc-purple-line) !important;
    padding-bottom: 2px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: color 0.2s ease, border-color 0.2s ease !important;
    line-height: 1 !important;
}

.woocommerce-account .woocommerce-MyAccount-content header a:hover,
.woocommerce-account .woocommerce-MyAccount-content header .edit:hover {
    color: var(--exc-purple-dark) !important;
    border-bottom-color: var(--exc-purple) !important;
}

/* The "You have not set up this type of address yet." paragraph */
.woocommerce-account .woocommerce-MyAccount-content .col-1 > p,
.woocommerce-account .woocommerce-MyAccount-content .col-2 > p,
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address > p {
    font-family: var(--exc-sans) !important;
    font-size: 13px !important;
    color: var(--exc-muted) !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.6 !important;
    font-weight: 400 !important;
}

/* The "following addresses will be used..." intro paragraph */
.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type:not(:only-of-type) {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: var(--exc-ink) !important;
    margin: 0 0 24px !important;
    font-weight: 400 !important;
}

/* Override any leftover heading styles bleeding from .h3 / heading defaults */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses h3,
.woocommerce-account .woocommerce-MyAccount-content .u-columns h3,
.woocommerce-account .woocommerce-MyAccount-content .addresses h3 {
    font-family: var(--exc-sans) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    color: var(--exc-purple) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    line-height: 1 !important;
}/* End custom CSS */