/**
 * Belle Montagne — Account Page Styles
 * Loaded only on WooCommerce account pages via functions.php
 *
 * Child theme path: /css/account.css
 *
 * Architecture:
 *   - Typographic horizontal nav (no enclosing border, item-level underline on active)
 *   - Reduced-contrast box-on-box (border thinned, inner bg matches page bg more closely)
 *   - Tier block: three lines, no progress bar, three states (none / tier-1 / tier-2)
 */


/* =============================================================================
   VARIABLES
   ============================================================================= */

:root {

    /* Colours */
    --bm-gold:            #b2955a;
    --bm-gold-light:      #e6d9bc;
    --bm-gold-dark:       #8a6f3a;
    --bm-cream:           #e6e2d8;
    --bm-cream-light:     #f5f3ef;
    --bm-dark:            #0e0e0e;
    --bm-mid:             #2a2a2a;
    --bm-text:            #1a1a1a;
    --bm-text-muted:      #7a7060;
    --bm-border:          #e4ddca;       /* lightened from #d8d0be — reduces box contrast */
    --bm-border-light:    #ece8df;
    --bm-page-bg:         #faf9f7;
    --bm-bg:              #fbfaf6;       /* warmed from #ffffff — closer to page bg */

    /* Typography */
    --bm-font-serif:      'goudy-old-style', Georgia, serif;
    --bm-font-sans:       'acumin-pro', 'Helvetica Neue', sans-serif;

    /* Font sizes */
    --bm-text-xs:         11px;
    --bm-text-sm:         13px;
    --bm-text-base:       15px;
    --bm-text-md:         17px;
    --bm-text-lg:         22px;
    --bm-text-xl:         28px;

    /* Spacing */
    --bm-space-xs:        8px;
    --bm-space-sm:        16px;
    --bm-space-md:        24px;
    --bm-space-lg:        40px;
    --bm-space-xl:        64px;

    /* Layout */
    --bm-container-max:   1100px;
    --bm-radius:          2px;
    --bm-border-width:    1px;

    /* Transitions */
    --bm-transition:      0.2s ease;
}


/* =============================================================================
   NAV — typographic horizontal row
   No enclosing border, no cell dividers, no full-width fill.
   Items size to content, left-aligned, generous inter-item spacing.
   Active state: 1px gold underline beneath the word, no fill.
   ============================================================================= */

.woocommerce-account .bm-account-nav {
    width: 100%;
    margin-bottom: var(--bm-space-lg);
    padding-bottom: var(--bm-space-md);
    border-bottom: var(--bm-border-width) solid var(--bm-border-light);
}

.woocommerce-account .bm-nav__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: var(--bm-space-lg);
    width: 100%;
}

.woocommerce-account .bm-nav__item {
    flex: 1 1 0;
    border: none;
    text-align: center;
}

.woocommerce-account .bm-nav__link {
    display: inline-block;
    padding: 4px 0;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-xs);
    font-weight: 400;
    background: transparent;
    color: var(--bm-text-muted);
    border-bottom: 1px solid transparent;
    transition: color var(--bm-transition), border-color var(--bm-transition);
}

.woocommerce-account .bm-nav__link:hover {
    color: var(--bm-text);
    background: transparent;
}

.woocommerce-account .bm-nav__item--active .bm-nav__link {
    color: var(--bm-text);
    border-bottom-color: var(--bm-gold);
    background: transparent;
}

.woocommerce-account .bm-nav__item--active .bm-nav__link:hover {
    color: var(--bm-text);
    background: transparent;
}


/* =============================================================================
   DASHBOARD WRAPPER
   ============================================================================= */

.woocommerce-account .bm-dashboard {
    display: flex;
    flex-direction: column;
    gap: var(--bm-space-lg);
}


/* =============================================================================
   GREETING
   ============================================================================= */

.woocommerce-account .bm-dashboard__greeting {
    padding-bottom: var(--bm-space-sm);
}

.woocommerce-account .bm-dashboard__greeting p {
    font-family: var(--bm-font-serif);
    font-size: var(--bm-text-lg);
    color: var(--bm-text);
    margin: 0 0 20px;
    font-weight: 400;
    letter-spacing: 0.02em;
    text-align: center;
}

.woocommerce-account .bm-dashboard__greeting-cta {
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-sm) !important;
    color: var(--bm-text-muted) !important;
    margin: 0 0 20px !important;
    line-height: 1.6 !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
}

.woocommerce-account .bm-dashboard__greeting-cta a {
    color: var(--bm-text) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--bm-border) !important;
    padding-bottom: 1px !important;
    transition: color var(--bm-transition), border-color var(--bm-transition) !important;
}

.woocommerce-account .bm-dashboard__greeting-cta a:hover {
    color: var(--bm-gold) !important;
    border-color: var(--bm-gold) !important;
}


/* =============================================================================
   MEMBERSHIP BLOCK — three lines, no progress bar
   Line 1: TIER NAME · DISCOUNT
   Line 2: rolling count / supplementary info
   Line 3: tier since date (or shop link for non-members)
   ============================================================================= */

.woocommerce-account .bm-membership {
    border: var(--bm-border-width) solid var(--bm-border);
    padding: var(--bm-space-lg);
    background: var(--bm-bg);
    position: relative;
}

.woocommerce-account .bm-membership::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    background: var(--bm-gold);
}

.woocommerce-account .bm-membership__status {
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-xs);
    color: var(--bm-text);
    text-transform: uppercase;
    letter-spacing: 0.16em;
    margin: 0 0 var(--bm-space-sm);
    line-height: 1.4;
}

.woocommerce-account .bm-membership__status-divider {
    color: var(--bm-border);
    margin: 0 var(--bm-space-xs);
}

.woocommerce-account .bm-membership__status-discount {
    color: var(--bm-gold);
}

.woocommerce-account .bm-membership__detail {
    font-family: var(--bm-font-serif);
    font-size: var(--bm-text-md);
    color: var(--bm-text);
    margin: 0 0 var(--bm-space-sm);
    line-height: 1.5;
    font-weight: 400;
}

.woocommerce-account .bm-membership__meta {
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-xs);
    color: var(--bm-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    margin: 0;
}

.woocommerce-account .bm-membership__meta a {
    color: var(--bm-text-muted);
    text-decoration: none;
    border-bottom: 1px solid var(--bm-border);
    padding-bottom: 1px;
    transition: color var(--bm-transition), border-color var(--bm-transition);
}

.woocommerce-account .bm-membership__meta a:hover {
    color: var(--bm-gold);
    border-color: var(--bm-gold);
}


/* =============================================================================
   RECENT ORDERS
   ============================================================================= */

.woocommerce-account .bm-dashboard__orders {
    border: var(--bm-border-width) solid var(--bm-border);
    padding: var(--bm-space-lg);
    background: var(--bm-bg);
}

.woocommerce-account .bm-dashboard__section-title {
    font-family: var(--bm-font-serif);
    font-size: var(--bm-text-md);
    font-weight: 400;
    color: var(--bm-text);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin: 0 0 var(--bm-space-md);
    padding-bottom: var(--bm-space-md);
    border-bottom: var(--bm-border-width) solid var(--bm-border-light);
}

.woocommerce-account .bm-orders-table {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-sm);
}

.woocommerce-account .bm-orders-table th {
    text-align: left;
    font-size: var(--bm-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--bm-text-muted);
    font-weight: 400;
    padding: 0 var(--bm-space-sm) var(--bm-space-sm);
    border-bottom: var(--bm-border-width) solid var(--bm-border-light);
}

.woocommerce-account .bm-orders-table th:first-child,
.woocommerce-account .bm-orders-table td:first-child {
    padding-left: 0;
}

.woocommerce-account .bm-orders-table th:last-child,
.woocommerce-account .bm-orders-table td:last-child {
    padding-right: 0;
    text-align: right;
}

.woocommerce-account .bm-orders-table td {
    padding: var(--bm-space-sm);
    color: var(--bm-text);
    border-bottom: var(--bm-border-width) solid var(--bm-border-light);
    vertical-align: middle;
}

.woocommerce-account .bm-orders-table tr:last-child td {
    border-bottom: none;
}

.woocommerce-account .bm-orders-table a {
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-xs);
    color: var(--bm-text);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-bottom: 1px solid var(--bm-border);
    padding-bottom: 1px;
    transition: color var(--bm-transition), border-color var(--bm-transition);
}

.woocommerce-account .bm-orders-table a:hover {
    color: var(--bm-gold);
    border-color: var(--bm-gold);
}

.woocommerce-account .bm-dashboard__all-orders {
    display: inline-block;
    margin-top: var(--bm-space-md);
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--bm-text-muted);
    text-decoration: none;
    border-bottom: var(--bm-border-width) solid var(--bm-border);
    padding-bottom: 2px;
    transition: color var(--bm-transition), border-color var(--bm-transition);
}

.woocommerce-account .bm-dashboard__all-orders:hover {
    color: var(--bm-gold);
    border-color: var(--bm-gold);
}

.woocommerce-account .bm-dashboard__no-orders {
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-sm);
    color: var(--bm-text-muted);
    margin: 0;
}


/* =============================================================================
   WOOCOMMERCE CONTENT RESETS
   ============================================================================= */

.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-content-wrapper {
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}


/* =============================================================================
   ADDRESSES — LISTING PAGE (/account/edit-address/)
   Centered layout: intro text, headings, edit link, and address content all
   centered. Hairline rule sits between the title region and the address region.
   ============================================================================= */

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

.woocommerce-account .woocommerce-Addresses .u-columns,
.woocommerce-account .woocommerce-Addresses.col2-set {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: var(--bm-space-lg) !important;
    width: 100% !important;
    overflow: visible !important;
}

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

/* Intro line — centered serif */
.woocommerce-account .woocommerce-Addresses > p {
    font-family: var(--bm-font-serif);
    font-size: var(--bm-text-md);
    color: var(--bm-text);
    text-align: center;
    margin-bottom: var(--bm-space-lg);
    font-weight: 400;
    line-height: 1.5;
}

.woocommerce-account .woocommerce-Address {
    border: var(--bm-border-width) solid var(--bm-border);
    padding: 0;
    background: var(--bm-bg);
    text-align: center;
}

/* Title region (heading + edit link) — padded block, hairline rule beneath */
.woocommerce-account .woocommerce-Address-title {
    display: block;
    padding: var(--bm-space-md);
    border-bottom: var(--bm-border-width) solid var(--bm-border-light);
    text-align: center;
}

.woocommerce-account .woocommerce-Address-title h3 {
    font-family: var(--bm-font-serif) !important;
    font-size: var(--bm-text-xl) !important;
    font-weight: 400 !important;
    color: var(--bm-gold) !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    margin: 0 0 var(--bm-space-md) !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

.woocommerce-account .woocommerce-Address-title .edit {
    display: inline-block;
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-xs);
    color: var(--bm-text);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-bottom: 1px solid var(--bm-border);
    padding-bottom: 2px;
    transition: color var(--bm-transition), border-color var(--bm-transition);
    float:none!important;
}

.woocommerce-account .woocommerce-Address-title .edit:hover {
    color: var(--bm-gold);
    border-color: var(--bm-gold);
}

/* Address region — padded block beneath the divider */
.woocommerce-account address {
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-sm);
    color: var(--bm-text);
    line-height: 2;
    font-style: normal;
    padding: var(--bm-space-lg) var(--bm-space-lg) var(--bm-space-xl);
    margin: 0;
    text-align: center;
}

.woocommerce-account .woocommerce-Address > p {
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-sm);
    color: var(--bm-text-muted);
    line-height: 1.7;
    margin: 0;
    padding: var(--bm-space-lg);
    text-align: center;
}


/* =============================================================================
   ADDRESSES — EDIT FORM
   ============================================================================= */

.woocommerce-account .woocommerce-address-fields {
    border: var(--bm-border-width) solid var(--bm-border);
    padding: var(--bm-space-lg);
    background: var(--bm-bg);
}

.woocommerce-account .woocommerce-address-fields .form-row {
    margin-bottom: var(--bm-space-md);
}

.woocommerce-account .woocommerce-address-fields label {
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-xs) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: var(--bm-text-muted) !important;
    font-weight: 400 !important;
    margin-bottom: var(--bm-space-xs) !important;
    display: block !important;
}

.woocommerce-account .woocommerce-address-fields label abbr {
    color: var(--bm-gold);
    text-decoration: none;
    margin-left: 2px;
}

.woocommerce-account .woocommerce-address-fields input[type="text"],
.woocommerce-account .woocommerce-address-fields input[type="email"],
.woocommerce-account .woocommerce-address-fields input[type="tel"],
.woocommerce-account .woocommerce-address-fields input[type="number"],
.woocommerce-account .woocommerce-address-fields select,
.woocommerce-account .woocommerce-address-fields textarea {
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-sm) !important;
    color: var(--bm-text) !important;
    background: #fff !important;
    border: var(--bm-border-width) solid var(--bm-border) !important;
    border-radius: var(--bm-radius) !important;
    padding: 12px var(--bm-space-sm) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color var(--bm-transition) !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.woocommerce-account .woocommerce-address-fields input:focus,
.woocommerce-account .woocommerce-address-fields select:focus,
.woocommerce-account .woocommerce-address-fields textarea:focus {
    border-color: var(--bm-gold) !important;
    box-shadow: none !important;
}

.woocommerce-account .woocommerce-address-fields select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a7060' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 36px !important;
    cursor: pointer;
}

.woocommerce-account .woocommerce-address-fields .button,
.woocommerce-account .woocommerce-address-fields button[type="submit"] {
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-xs) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    background: var(--bm-gold) !important;
    color: #fff !important;
    border: none !important;
    padding: 14px var(--bm-space-lg) !important;
    cursor: pointer;
    border-radius: var(--bm-radius) !important;
    box-shadow: none !important;
    transition: background var(--bm-transition) !important;
    margin-top: var(--bm-space-sm);
}

.woocommerce-account .woocommerce-address-fields .button:hover,
.woocommerce-account .woocommerce-address-fields button[type="submit"]:hover {
    background: var(--bm-gold-dark) !important;
    color: #fff !important;
}

.woocommerce-account .woocommerce-address-fields .form-row.woocommerce-invalid input,
.woocommerce-account .woocommerce-address-fields .form-row.woocommerce-invalid select {
    border-color: #c0392b !important;
}

.woocommerce-account .woocommerce-address-fields .form-row.woocommerce-validated input,
.woocommerce-account .woocommerce-address-fields .form-row.woocommerce-validated select {
    border-color: var(--bm-gold) !important;
}


/* =============================================================================
   ACCOUNT DETAILS FORM
   ============================================================================= */

.woocommerce-account .woocommerce-EditAccountForm {
    border: var(--bm-border-width) solid var(--bm-border);
    padding: var(--bm-space-lg);
    background: var(--bm-bg);
}

.woocommerce-account .woocommerce-EditAccountForm fieldset {
    border: var(--bm-border-width) solid var(--bm-border-light);
    padding: var(--bm-space-md) var(--bm-space-lg);
    margin: var(--bm-space-lg) 0 0;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset legend {
    font-family: var(--bm-font-serif);
    font-size: var(--bm-text-md);
    font-weight: 400;
    color: var(--bm-text);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0 var(--bm-space-sm);
}

.woocommerce-account .woocommerce-EditAccountForm .form-row {
    margin-bottom: var(--bm-space-md);
}

/* Two-column row pairing. WooCommerce outputs form-row-first / form-row-last
   with float-based layout; we replace with grid for predictable behaviour. */
.woocommerce-account .woocommerce-EditAccountForm fieldset .form-row-first,
.woocommerce-account .woocommerce-EditAccountForm fieldset .form-row-last {
    width: calc(50% - (var(--bm-space-lg) / 2)) !important;
    float: left !important;
    box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset .form-row-first {
    margin-right: var(--bm-space-lg) !important;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset .form-row-last {
    margin-right: 0 !important;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset .clear {
    clear: both;
}

/* Display Name helper text — sits directly beneath the Display Name field,
   constrained to that field's column width. Excludes .required to keep the
   asterisk inline with the label text. */
.woocommerce-account .woocommerce-EditAccountForm p.form-row:has(#account_display_name) span:not(.required),
.woocommerce-account .woocommerce-EditAccountForm p.form-row:has(#account_display_name) em {
    display: block !important;
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-xs) !important;
    color: var(--bm-text-muted) !important;
    font-style: normal !important;
    line-height: 1.6 !important;
    margin-top: var(--bm-space-xs) !important;
    text-transform: none !important;
    letter-spacing: 0.02em !important;
}

.woocommerce-account .woocommerce-EditAccountForm label {
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-xs) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: var(--bm-text-muted) !important;
    font-weight: 400 !important;
    margin-bottom: var(--bm-space-xs) !important;
    display: block !important;
}

.woocommerce-account .woocommerce-EditAccountForm label abbr {
    color: var(--bm-gold);
    text-decoration: none;
    margin-left: 2px;
}

.woocommerce-account .woocommerce-EditAccountForm input[type="text"],
.woocommerce-account .woocommerce-EditAccountForm input[type="email"],
.woocommerce-account .woocommerce-EditAccountForm input[type="password"],
.woocommerce-account .woocommerce-EditAccountForm input[type="tel"],
.woocommerce-account .woocommerce-EditAccountForm select {
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-sm) !important;
    color: var(--bm-text) !important;
    background: #fff !important;
    border: var(--bm-border-width) solid var(--bm-border) !important;
    border-radius: var(--bm-radius) !important;
    padding: 12px var(--bm-space-sm) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color var(--bm-transition) !important;
}

.woocommerce-account .woocommerce-EditAccountForm input:focus,
.woocommerce-account .woocommerce-EditAccountForm select:focus {
    border-color: var(--bm-gold) !important;
    box-shadow: none !important;
}

.woocommerce-account .woocommerce-EditAccountForm select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a7060' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    padding-right: 36px !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.woocommerce-account .woocommerce-EditAccountForm .button,
.woocommerce-account .woocommerce-EditAccountForm button[type="submit"] {
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-xs) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    background: var(--bm-gold) !important;
    color: #fff !important;
    border: none !important;
    padding: 14px var(--bm-space-lg) !important;
    cursor: pointer;
    border-radius: var(--bm-radius) !important;
    box-shadow: none !important;
    transition: background var(--bm-transition) !important;
    margin-top: var(--bm-space-sm);
}

.woocommerce-account .woocommerce-EditAccountForm .button:hover,
.woocommerce-account .woocommerce-EditAccountForm button[type="submit"]:hover {
    background: var(--bm-gold-dark) !important;
    color: #fff !important;
}

/* Email Preferences — Mailchimp subscription radios.
   Mailchimp renders <p class="form-row"><label><input type="radio"> Label text</label></p>
   inside the woocommerce_edit_account_form action; our template wraps that action
   in <fieldset class="bm-email-preferences">, so we scope the radio styles to that
   fieldset and override the muted-uppercase label pattern used elsewhere. */
.woocommerce-account .woocommerce-EditAccountForm .bm-email-preferences p.form-row {
    margin-bottom: var(--bm-space-sm);
}

.woocommerce-account .woocommerce-EditAccountForm .bm-email-preferences label {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--bm-space-sm) !important;
    cursor: pointer !important;
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-xs) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: var(--bm-text) !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}

.woocommerce-account .woocommerce-EditAccountForm .bm-email-preferences input.input-radio,
.woocommerce-account .woocommerce-EditAccountForm .bm-email-preferences input[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--bm-border) !important;
    border-radius: 50% !important;
    background: #fff !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    position: relative !important;
    transition: border-color var(--bm-transition) !important;
    box-shadow: none !important;
    outline: none !important;
}

.woocommerce-account .woocommerce-EditAccountForm .bm-email-preferences input[type="radio"]:hover {
    border-color: var(--bm-gold) !important;
}

.woocommerce-account .woocommerce-EditAccountForm .bm-email-preferences input[type="radio"]:checked {
    border-color: var(--bm-gold) !important;
    background: #fff !important;
}

.woocommerce-account .woocommerce-EditAccountForm .bm-email-preferences input[type="radio"]:checked::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: var(--bm-gold) !important;
}

.woocommerce-account .woocommerce-EditAccountForm .bm-email-preferences input[type="radio"]:focus {
    border-color: var(--bm-gold) !important;
    box-shadow: none !important;
    outline: none !important;
}

.woocommerce-account .woocommerce-password-strength {
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-xs);
    padding: var(--bm-space-xs) var(--bm-space-sm);
    margin-top: var(--bm-space-xs);
    border-radius: var(--bm-radius);
}

.woocommerce-account .woocommerce-password-hint {
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-xs);
    color: var(--bm-text-muted);
    margin-top: var(--bm-space-xs);
    display: block;
}


/* =============================================================================
   LOGIN & REGISTER FORMS
   Shared base class .bm-account-form applied to .woocommerce-form-login and
   .woocommerce-form-register via the form-login.php template override.
   Mirrors the Account Details form treatment.
   ============================================================================= */

.woocommerce-account .bm-account-form {
    /* border: var(--bm-border-width) solid var(--bm-border);
    padding: var(--bm-space-lg);
    background: var(--bm-bg); */
}

.woocommerce-account .bm-account-form fieldset {
    border: var(--bm-border-width) solid var(--bm-border-light);
    padding: var(--bm-space-md) var(--bm-space-lg);
    margin: 0;
}

.woocommerce-account .bm-account-form fieldset legend {
    font-family: var(--bm-font-serif);
    font-size: var(--bm-text-md);
    font-weight: 400;
    color: var(--bm-text);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    padding: 0 var(--bm-space-sm);
}

.woocommerce-account .bm-account-form .form-row {
    margin-bottom: var(--bm-space-md);
}

.woocommerce-account .bm-account-form label {
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-xs) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: var(--bm-text-muted) !important;
    font-weight: 400 !important;
    margin-bottom: var(--bm-space-xs) !important;
    display: block !important;
}

.woocommerce-account .bm-account-form label abbr,
.woocommerce-account .bm-account-form label .required {
    color: var(--bm-gold);
    text-decoration: none;
    margin-left: 2px;
}

.woocommerce-account .bm-account-form input[type="text"],
.woocommerce-account .bm-account-form input[type="email"],
.woocommerce-account .bm-account-form input[type="password"],
.woocommerce-account .bm-account-form input[type="tel"] {
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-sm) !important;
    color: var(--bm-text) !important;
    background: #fff !important;
    border: var(--bm-border-width) solid var(--bm-border) !important;
    border-radius: var(--bm-radius) !important;
    padding: 12px var(--bm-space-sm) !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color var(--bm-transition) !important;
}

.woocommerce-account .bm-account-form input:focus {
    border-color: var(--bm-gold) !important;
    box-shadow: none !important;
}

/* Remember me checkbox — inline label with checkbox.
   Default WC markup: <label><input type="checkbox"> <span>Remember me</span></label> */
.woocommerce-account .bm-account-form .woocommerce-form-login__rememberme {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--bm-space-sm) !important;
    cursor: pointer !important;
    color: var(--bm-text) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    font-size: var(--bm-text-xs) !important;
    margin-bottom: var(--bm-space-md) !important;
}

.woocommerce-account .bm-account-form .woocommerce-form-login__rememberme input[type="checkbox"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--bm-border) !important;
    border-radius: var(--bm-radius) !important;
    background: #fff !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    position: relative !important;
    transition: border-color var(--bm-transition) !important;
    box-shadow: none !important;
    outline: none !important;
}

.woocommerce-account .bm-account-form .woocommerce-form-login__rememberme input[type="checkbox"]:hover {
    border-color: var(--bm-gold) !important;
}

.woocommerce-account .bm-account-form .woocommerce-form-login__rememberme input[type="checkbox"]:checked {
    border-color: var(--bm-gold) !important;
    background: var(--bm-gold) !important;
}

.woocommerce-account .bm-account-form .woocommerce-form-login__rememberme input[type="checkbox"]:checked::after {
    content: '' !important;
    position: absolute !important;
    top: 2px !important;
    left: 5px !important;
    width: 4px !important;
    height: 8px !important;
    border: solid #fff !important;
    border-width: 0 1.5px 1.5px 0 !important;
    transform: rotate(45deg) !important;
}

.woocommerce-account .bm-account-form .woocommerce-form-login__rememberme span {
    font-family: var(--bm-font-sans) !important;
    color: var(--bm-text) !important;
}

/* Submit buttons */
.woocommerce-account .bm-account-form .button,
.woocommerce-account .bm-account-form button[type="submit"] {
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-xs) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important;
    background: var(--bm-gold) !important;
    color: #fff !important;
    border: none !important;
    padding: 14px var(--bm-space-lg) !important;
    cursor: pointer;
    border-radius: var(--bm-radius) !important;
    box-shadow: none !important;
    transition: background var(--bm-transition) !important;
    width:100%;
}

.woocommerce-account .bm-account-form .button:hover,
.woocommerce-account .bm-account-form button[type="submit"]:hover {
    background: var(--bm-gold-dark) !important;
    color: #fff !important;
}

/* Lost password link */
.woocommerce-account .bm-account-form .woocommerce-LostPassword {
    margin: 0;
    text-align: center;
}

.woocommerce-account .bm-account-form .woocommerce-LostPassword a {
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-xs);
    color: var(--bm-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-decoration: none;
    border-bottom: 1px solid var(--bm-border);
    padding-bottom: 2px;
    transition: color var(--bm-transition), border-color var(--bm-transition);
}

.woocommerce-account .bm-account-form .woocommerce-LostPassword a:hover {
    color: var(--bm-gold);
    border-color: var(--bm-gold);
}

/* Helper text inside register form (e.g. "A link to set a new password...")
   and privacy policy paragraph appended by woocommerce_register_form action. */
.woocommerce-account .bm-account-form fieldset > p:not(.form-row) {
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-sm);
    color: var(--bm-text-muted);
    line-height: 1.6;
    letter-spacing:-0.1px;
}

.woocommerce-privacy-policy-text {
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-sm);
    color: var(--bm-text-muted);
    line-height: 1.6;
    letter-spacing:-0.1px;  
}

.woocommerce-account .bm-account-form fieldset > p:not(.form-row) a {
    color: var(--bm-gold);
    text-decoration: none;
    border-bottom: 1px solid var(--bm-border);
    padding-bottom: 1px;
    transition: border-color var(--bm-transition);
}

.woocommerce-account .bm-account-form fieldset > p:not(.form-row) a:hover {
    border-color: var(--bm-gold);
}

/* Mailchimp subscription checkbox/radio inside the register form.
   Mailchimp hooks into woocommerce_register_form with the same
   <p class="form-row"><label><input type="radio|checkbox"> Label</label></p>
   pattern as on Edit Account. Mirror the Email Preferences treatment. */
.woocommerce-account .bm-account-form fieldset p.form-row:has(input.input-radio),
.woocommerce-account .bm-account-form fieldset p.form-row:has(input.input-checkbox),
.woocommerce-account .bm-account-form fieldset p.form-row:has(input[type="checkbox"]:not([name="rememberme"])) {
    margin-bottom: var(--bm-space-sm);
}

.woocommerce-account .bm-account-form fieldset p.form-row:has(input.input-radio) label,
.woocommerce-account .bm-account-form fieldset p.form-row:has(input.input-checkbox) label,
.woocommerce-account .bm-account-form fieldset p.form-row:has(input[type="checkbox"]:not([name="rememberme"])) label {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--bm-space-sm) !important;
    cursor: pointer !important;
    font-family: var(--bm-font-sans) !important;
    font-size: var(--bm-text-xs) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: var(--bm-text) !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
}

.woocommerce-account .bm-account-form fieldset input.input-radio,
.woocommerce-account .bm-account-form fieldset input.input-checkbox {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--bm-border) !important;
    background: #fff !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    position: relative !important;
    transition: border-color var(--bm-transition) !important;
    box-shadow: none !important;
    outline: none !important;
}

.woocommerce-account .bm-account-form fieldset input.input-radio {
    border-radius: 50% !important;
}

.woocommerce-account .bm-account-form fieldset input.input-checkbox {
    border-radius: var(--bm-radius) !important;
}

.woocommerce-account .bm-account-form fieldset input.input-radio:checked,
.woocommerce-account .bm-account-form fieldset input.input-checkbox:checked {
    border-color: var(--bm-gold) !important;
}

.woocommerce-account .bm-account-form fieldset input.input-radio:checked::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: var(--bm-gold) !important;
}

.woocommerce-account .bm-account-form fieldset input.input-checkbox:checked {
    background: var(--bm-gold) !important;
}

.woocommerce-account .bm-account-form fieldset input.input-checkbox:checked::after {
    content: '' !important;
    position: absolute !important;
    top: 2px !important;
    left: 5px !important;
    width: 4px !important;
    height: 8px !important;
    border: solid #fff !important;
    border-width: 0 1.5px 1.5px 0 !important;
    transform: rotate(45deg) !important;
}

/* Two-column login/register layout. WC outputs:
   <div class="u-columns col2-set" id="customer_login">
     <div class="u-column1 col-1">...login form...</div>
     <div class="u-column2 col-2">...register form...</div>
   </div>
   Replace float layout with grid. */
#customer_login.u-columns.col2-set,
#customer_login.col2-set {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: var(--bm-space-lg) !important;
    width: 100% !important;
}

#customer_login.u-columns.col2-set::before,
#customer_login.u-columns.col2-set::after,
#customer_login.col2-set::before,
#customer_login.col2-set::after {
    content: none !important;
    display: none !important;
}

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


/* =============================================================================
   LOST PASSWORD & RESET PASSWORD FORMS
   Single-purpose auth forms — fieldset constrained to 50% of container, centered.
   Reset-password's two side-by-side fields stack vertically inside the narrower
   fieldset.
   ============================================================================= */

.woocommerce-account .bm-account-form.woocommerce-ResetPassword {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.woocommerce-account .bm-account-form.woocommerce-ResetPassword fieldset .form-row-first,
.woocommerce-account .bm-account-form.woocommerce-ResetPassword fieldset .form-row-last {
    width: 100% !important;
    float: none !important;
    margin-right: 0 !important;
}

@media (max-width: 768px) {
    .woocommerce-account .bm-account-form.woocommerce-ResetPassword {
        width: 100%;
    }
}


/* =============================================================================
   ORDERS TABLE (full orders endpoint)
   ============================================================================= */

.woocommerce-account table.shop_table {
    width: 100%;
    border-collapse: collapse;
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-sm);
    border: var(--bm-border-width) solid var(--bm-border);
    background: var(--bm-bg);
}

.woocommerce-account table.shop_table thead th {
    font-size: var(--bm-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--bm-text-muted);
    font-weight: 400;
    padding: var(--bm-space-sm) var(--bm-space-md);
    border-bottom: var(--bm-border-width) solid var(--bm-border-light);
    background: transparent;
}

.woocommerce-account table.shop_table tbody td {
    padding: var(--bm-space-sm) var(--bm-space-md);
    color: var(--bm-text);
    border-bottom: var(--bm-border-width) solid var(--bm-border-light);
    vertical-align: middle;
}

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

.woocommerce-account table.shop_table .button {
    font-family: var(--bm-font-sans);
    font-size: var(--bm-text-xs);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--bm-text);
    background: transparent;
    border: var(--bm-border-width) solid var(--bm-border);
    padding: 6px var(--bm-space-sm);
    text-decoration: none;
    transition: border-color var(--bm-transition), color var(--bm-transition);
}

.woocommerce-account table.shop_table .button:hover {
    border-color: var(--bm-gold);
    color: var(--bm-gold);
}


/* =============================================================================
   CART & CHECKOUT DISCOUNT BANNER
   ============================================================================= */

.bm-discount-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--bm-space-sm);
    width: 100%;
    box-sizing: border-box;
    background-color: var(--sections-background-color, #fff);
     border-color: var(--sections-border-color, #d5d8dc);
     border-radius: var(--sections-border-radius, 3px);
     border-style: var(--sections-border-type, solid);
     border-width: 1px;
     margin: var(--sections-margin, 0 0 30px 0);
     padding: 24px;
  }

.bm-discount-banner__message {
    font-family: "goudy-old-style", Sans-serif;
     font-size: 20px;
     font-weight: 600;
     line-height: 1.4em;
     letter-spacing: 1px;
     color: var(--sections-title-color);
     text-align: center;
}


/* =============================================================================
   RESPONSIVE
   ============================================================================= */

@media (max-width: 768px) {

    .woocommerce-account .bm-nav__list {
        gap: var(--bm-space-md);
    }

    .woocommerce-account .bm-membership {
        padding: var(--bm-space-md);
    }

    .woocommerce-account .bm-dashboard__orders {
        padding: var(--bm-space-md);
    }

    .woocommerce-account .bm-orders-table th:nth-child(3),
    .woocommerce-account .bm-orders-table td:nth-child(3) {
        display: none;
    }

    .woocommerce-account .woocommerce-Addresses .u-columns,
    .woocommerce-account .woocommerce-Addresses.col2-set {
        grid-template-columns: 1fr !important;
    }

    .woocommerce-account .woocommerce-Address {
        padding: var(--bm-space-md);
    }

    .woocommerce-account .woocommerce-address-fields,
    .woocommerce-account .woocommerce-EditAccountForm {
        padding: var(--bm-space-md);
    }

    .woocommerce-account .woocommerce-EditAccountForm fieldset {
        padding: var(--bm-space-md);
    }

    .bm-discount-banner {
        padding: var(--bm-space-sm);
    }
}