/* HyperDAF Commerce — My Account / profile workspace */
.hdc-commerce-account-page .woocommerce {
    --hdc-account-border: var(--hdc-border, #e5e7eb);
    --hdc-account-surface: var(--hdc-surface, #ffffff);
    --hdc-account-subtle: var(--hdc-subtle, #f6f7f9);
    --hdc-account-muted: var(--hdc-muted-text, #6b7280);
    --hdc-account-text: var(--hdc-text, #111827);
    --hdc-account-primary-text: var(--hdf-button-primary-text, #ffffff);
    --hdc-account-link: var(--hdf-link-color, #05658A);
    --hdc-account-link-hover: var(--hdf-link-hover-color, #034E6F);
    --hdc-account-danger: #b42318;
    --hdc-account-success: #157347;
    --hdc-account-warning: #9a6700;
    display: grid !important;
    width: 100%;
    min-width: 0;
    grid-template-columns: minmax(220px, 252px) minmax(0, 1fr);
    grid-template-areas: "account-nav account-content";
    align-items: start;
    gap: clamp(22px, 2.5vw, 34px);
    font-family: var(--hdc-font-body);
}

/* Exact Header frame consumer: Theme owns the token, Commerce consumes it. */
.hdc-commerce-account-page.hdf-has-page-layout .hdf-page-shell {
    box-sizing: border-box;
    width: var(--hdf-site-frame-width, min(calc(100% - var(--hdf-site-frame-gutter, 10px)), var(--hdf-container, 1300px)));
    max-width: none;
    margin-inline: auto;
    padding-inline: var(--hdf-site-frame-padding-x, var(--hdf-header-main-padding-x, 24px));
}

.hdc-commerce-account-page.hdf-has-page-layout .hdf-page-primary,
.hdc-commerce-account-page.hdf-has-page-layout .entry-article,
.hdc-commerce-account-page.hdf-has-page-layout .entry-content {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-inline: 0;
}

.hdc-commerce-account-page .woocommerce::after { display: none; content: none; }

.hdc-commerce-account-page .woocommerce-MyAccount-navigation,
.hdc-commerce-account-page .woocommerce-MyAccount-content {
    box-sizing: border-box;
    float: none !important;
    width: 100% !important;
    min-width: 0;
    max-width: none !important;
}

/* WooCommerce's legacy float/30%-68% account columns can be loaded after this
 * module. Explicit grid areas + conflict-boundary !important rules keep the
 * account shell deterministic without copying or replacing Woo templates. */
.hdc-commerce-account-page .woocommerce-MyAccount-navigation { grid-area: account-nav; }
.hdc-commerce-account-page .woocommerce-MyAccount-content { grid-area: account-content; }

.hdc-commerce-account-page .woocommerce-MyAccount-navigation {
    position: static;
    top: auto;
    margin: 0;
    padding: 10px;
    border: 1px solid var(--hdc-account-border);
    border-radius: var(--hdc-radius, 14px);
    background: var(--hdc-account-surface);
    box-shadow: none;
}

.hdc-commerce-account-page .woocommerce-MyAccount-navigation ul {
    display: grid;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hdc-commerce-account-page .woocommerce-MyAccount-navigation li { margin: 0; }
.hdc-commerce-account-page .woocommerce-MyAccount-navigation-link--hdc-wishlist,
.hdc-commerce-account-page .woocommerce-MyAccount-navigation-link--edit-account,
.hdc-commerce-account-page .woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 7px;
    padding-top: 7px;
    border-top: 1px solid var(--hdc-account-border);
}

.hdc-commerce-account-page .woocommerce-MyAccount-navigation a {
    position: relative;
    display: flex;
    min-height: 43px;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: calc(var(--hdc-radius, 14px) - 5px);
    color: var(--hdc-account-text);
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
    transition: border-color var(--hdc-transition), background var(--hdc-transition), color var(--hdc-transition);
}

/* Step 32: account navigation is text-led; no decorative bullets/dots. */
.hdc-commerce-account-page .woocommerce-MyAccount-navigation li::before,
.hdc-commerce-account-page .woocommerce-MyAccount-navigation a::before {
    display: none !important;
    content: none !important;
}

.hdc-commerce-account-page .woocommerce-MyAccount-navigation li.is-active a,
.hdc-commerce-account-page .woocommerce-MyAccount-navigation a:hover,
.hdc-commerce-account-page .woocommerce-MyAccount-navigation a:focus-visible {
    border-color: color-mix(in srgb, var(--hdc-primary) 24%, var(--hdc-account-border));
    background: color-mix(in srgb, var(--hdc-primary) 7%, var(--hdc-account-surface));
    color: var(--hdc-primary-hover, var(--hdc-primary));
}

.hdc-commerce-account-page .woocommerce-MyAccount-navigation-link--customer-logout a:hover,
.hdc-commerce-account-page .woocommerce-MyAccount-navigation-link--customer-logout a:focus-visible {
    border-color: color-mix(in srgb, var(--hdc-account-danger) 22%, var(--hdc-account-border));
    background: color-mix(in srgb, var(--hdc-account-danger) 5%, var(--hdc-account-surface));
    color: var(--hdc-account-danger);
}

.hdc-commerce-account-page .woocommerce-MyAccount-content > :first-child { margin-top: 0; }

/* WooCommerce owns the native dashboard intro; HyperDAF owns the root dashboard presentation. */
.hdc-commerce-account-dashboard .woocommerce-MyAccount-content > p:first-of-type,
.hdc-commerce-account-dashboard .woocommerce-MyAccount-content > p:nth-of-type(2) { display: none !important; }

.hdc-account-dashboard {
    display: grid;
    min-width: 0;
    gap: clamp(18px, 2.2vw, 28px);
}

.hdc-account-dashboard__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    padding: clamp(22px, 2.8vw, 34px);
    border: 1px solid color-mix(in srgb, var(--hdc-primary) 22%, var(--hdc-account-border));
    border-radius: calc(var(--hdc-radius, 14px) + 4px);
    background: linear-gradient(135deg, color-mix(in srgb, var(--hdc-primary) 8%, var(--hdc-account-surface)), var(--hdc-account-surface) 62%);
}

.hdc-account-dashboard__identity {
    display: grid;
    min-width: 0;
    grid-template-columns: 62px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
}

.hdc-account-dashboard__avatar {
    display: block;
    width: 62px;
    height: 62px;
    overflow: hidden;
    border: 2px solid color-mix(in srgb, var(--hdc-primary) 34%, var(--hdc-account-border));
    border-radius: 50%;
    background: var(--hdc-account-subtle);
}

.hdc-account-dashboard__avatar-image {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}

.hdc-account-dashboard__eyebrow,
.hdc-account-section__eyebrow {
    margin: 0 0 5px;
    color: var(--hdc-primary-hover, var(--hdc-primary));
    font-size: .69rem;
    font-weight: 700;
    letter-spacing: .075em;
    line-height: 1.2;
    text-transform: uppercase;
}

.hdc-account-dashboard__identity h1,
.hdc-account-section__head h2,
.hdc-account-support h2,
.hdc-profile-shell__intro h2,
.hdc-social-accounts__head h3 {
    margin: 0;
    color: var(--hdc-account-text);
    font-family: var(--hdc-font-heading);
    font-weight: 700;
    letter-spacing: -.025em;
}

.hdc-account-dashboard__identity h1 { font-size: clamp(1.42rem, 2.4vw, 2.05rem); line-height: 1.12; }
.hdc-account-dashboard__identity p:last-child,
.hdc-account-support p:last-of-type,
.hdc-profile-shell__intro > p:last-child {
    max-width: 680px;
    margin: 8px 0 0;
    color: var(--hdc-account-muted);
    font-size: .88rem;
    line-height: 1.55;
}

.hdc-account-dashboard__hero-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }

.hdc-account-dashboard__button,
.hdc-profile-photo__upload {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    border: 1px solid var(--hdc-account-border);
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: border-color var(--hdc-transition), background var(--hdc-transition), color var(--hdc-transition), transform var(--hdc-transition);
}

.hdc-account-dashboard__button--primary {
    border-color: var(--hdc-primary-hover, var(--hdc-primary));
    background: var(--hdc-primary);
    color: var(--hdc-account-primary-text) !important;
}
.hdc-account-dashboard__button--primary:hover,
.hdc-account-dashboard__button--primary:focus-visible {
    border-color: var(--hdc-primary-hover, var(--hdc-primary));
    background: var(--hdc-primary-hover, var(--hdc-primary));
    color: var(--hdc-account-primary-text) !important;
}

.hdc-account-dashboard__button--secondary,
.hdc-profile-photo__upload { background: var(--hdc-account-surface); color: var(--hdc-account-text) !important; }
.hdc-account-dashboard__button--secondary:hover,
.hdc-account-dashboard__button--secondary:focus-visible,
.hdc-profile-photo__upload:hover,
.hdc-profile-photo__upload:focus-visible {
    border-color: var(--hdc-primary);
    background: var(--hdc-account-subtle);
    color: var(--hdc-primary-hover, var(--hdc-primary)) !important;
}

/* Contract: exactly four requested metrics stay in one row on every viewport. */
.hdc-account-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(6px, 1vw, 10px);
    margin: 0;
}

.hdc-account-metric {
    display: grid;
    min-width: 0;
    min-height: 86px;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 13px;
    border: 1px solid var(--hdc-account-border);
    border-radius: var(--hdc-radius, 14px);
    background: var(--hdc-account-surface);
    color: var(--hdc-account-text);
    text-decoration: none;
    transition: border-color var(--hdc-transition), background var(--hdc-transition), transform var(--hdc-transition);
}

.hdc-account-metric:hover,
.hdc-account-metric:focus-visible {
    border-color: color-mix(in srgb, var(--hdc-primary) 36%, var(--hdc-account-border));
    background: color-mix(in srgb, var(--hdc-primary) 3%, var(--hdc-account-surface));
    color: var(--hdc-account-text);
    transform: translateY(-1px);
}
.hdc-account-metric--disabled { cursor: default; opacity: .72; }

.hdc-account-metric__icon,
.hdc-account-order__icon,
.hdc-account-support__icon {
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--hdc-primary) 16%, var(--hdc-account-border));
    background: color-mix(in srgb, var(--hdc-primary) 6%, var(--hdc-account-surface));
    color: var(--hdc-primary-hover, var(--hdc-primary));
}
.hdc-account-metric__icon { width: 38px; height: 38px; border-radius: 11px; }
.hdc-account-metric__icon .hdc-icon,
.hdc-account-order__icon .hdc-icon,
.hdc-account-support__icon .hdc-icon { width: 19px; height: 19px; }

.hdc-account-metric__copy { display: grid; min-width: 0; gap: 3px; }
.hdc-account-metric__copy strong {
    overflow: hidden;
    color: var(--hdc-account-text);
    font-family: var(--hdc-font-heading);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hdc-account-metric__copy span {
    color: var(--hdc-account-muted);
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.22;
}

.hdc-account-section {
    min-width: 0;
    padding: clamp(18px, 2.2vw, 26px);
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) + 2px);
    background: var(--hdc-account-surface);
}
.hdc-account-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.hdc-account-section__head h2,
.hdc-account-support h2 { font-size: clamp(1.05rem, 1.7vw, 1.35rem); line-height: 1.2; }
.hdc-account-section__head > a { flex: 0 0 auto; color: var(--hdc-primary-hover, var(--hdc-primary)); font-size: .74rem; font-weight: 700; text-decoration: none; }
.hdc-account-section__head > a:hover,
.hdc-account-section__head > a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }

.hdc-account-orders { display: grid; gap: 9px; }
.hdc-account-order {
    display: grid;
    min-width: 0;
    grid-template-columns: 38px minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 11px;
    padding: 11px 12px;
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) - 3px);
    background: var(--hdc-account-surface);
}
.hdc-account-order__icon { width: 38px; height: 38px; border-radius: 11px; }
.hdc-account-order__main { display: grid; min-width: 0; gap: 3px; }
.hdc-account-order__main strong { overflow: hidden; color: var(--hdc-account-text); font-size: .78rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.hdc-account-order__main span { color: var(--hdc-account-muted); font-size: .66rem; }
.hdc-account-order__status { padding: 5px 8px; border: 1px solid var(--hdc-account-border); border-radius: 999px; color: var(--hdc-account-text); font-size: .64rem; font-weight: 700; }
.hdc-account-order__total { color: var(--hdc-account-text); font-size: .72rem; font-weight: 700; white-space: nowrap; }
.hdc-account-order__view {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border: 1px solid var(--hdc-account-border);
    border-radius: 999px;
    color: var(--hdc-account-text) !important;
    font-size: .7rem;
    font-weight: 700;
    text-decoration: none;
}
.hdc-account-order__view:hover,
.hdc-account-order__view:focus-visible { border-color: var(--hdc-primary); color: var(--hdc-primary-hover, var(--hdc-primary)) !important; }

.hdc-account-empty {
    display: grid;
    min-height: 112px;
    grid-template-columns: 44px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px dashed color-mix(in srgb, var(--hdc-account-muted) 35%, var(--hdc-account-border));
    border-radius: calc(var(--hdc-radius, 14px) - 2px);
    background: color-mix(in srgb, var(--hdc-account-subtle) 65%, var(--hdc-account-surface));
}
.hdc-account-empty > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: var(--hdc-account-surface); color: var(--hdc-primary-hover, var(--hdc-primary)); }
.hdc-account-empty > span .hdc-icon { width: 22px; height: 22px; }
.hdc-account-empty strong { color: var(--hdc-account-text); font-size: .84rem; font-weight: 700; }
.hdc-account-empty p { margin: 4px 0 0; color: var(--hdc-account-muted); font-size: .72rem; line-height: 1.4; }

.hdc-account-support {
    display: grid;
    min-width: 0;
    grid-template-columns: 50px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: clamp(18px, 2.3vw, 26px);
    border: 1px solid color-mix(in srgb, var(--hdc-primary) 24%, var(--hdc-account-border));
    border-radius: calc(var(--hdc-radius, 14px) + 2px);
    background: color-mix(in srgb, var(--hdc-primary) 4%, var(--hdc-account-surface));
}
.hdc-account-support__icon { width: 50px; height: 50px; border-radius: 14px; }
.hdc-account-support__icon .hdc-icon { width: 23px; height: 23px; }

/* Edit profile + username-only social account tabs. */
.hdc-profile-shell {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 18px;
    margin-bottom: 16px;
    padding: 20px;
    border: 1px solid var(--hdc-account-border);
    border-radius: var(--hdc-radius, 14px);
    background: var(--hdc-account-surface);
}
.hdc-profile-shell__intro h2 { font-size: 1.28rem; }
.hdc-profile-tabs { display: inline-flex; gap: 5px; padding: 4px; border: 1px solid var(--hdc-account-border); border-radius: 999px; background: var(--hdc-account-subtle); }
.hdc-profile-tabs a {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--hdc-account-muted) !important;
    font-size: .72rem;
    font-weight: 700;
    text-decoration: none;
}
.hdc-profile-tabs a.is-active { border-color: var(--hdc-account-border); background: var(--hdc-account-surface); color: var(--hdc-account-text) !important; box-shadow: none; }

.hdc-commerce-account-page .woocommerce-EditAccountForm {
    display: flow-root;
    padding: clamp(18px, 2.4vw, 26px);
    border: 1px solid var(--hdc-account-border);
    border-radius: var(--hdc-radius, 14px);
    background: var(--hdc-account-surface);
}

.hdc-profile-photo {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--hdc-account-border);
}
.hdc-profile-photo__preview { width: 96px; height: 96px; overflow: hidden; border: 2px solid color-mix(in srgb, var(--hdc-primary) 30%, var(--hdc-account-border)); border-radius: 50%; background: var(--hdc-account-subtle); }
.hdc-profile-photo__image { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; }
.hdc-profile-photo__content { min-width: 0; }
.hdc-profile-photo__content > strong { color: var(--hdc-account-text); font-family: var(--hdc-font-heading); font-size: 1rem; font-weight: 700; }
.hdc-profile-photo__content > p { margin: 6px 0 12px; color: var(--hdc-account-muted); font-size: .76rem; line-height: 1.5; }
.hdc-profile-photo__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.hdc-profile-photo input[type="file"] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.hdc-profile-photo__remove { display: inline-flex; min-height: 40px; align-items: center; gap: 7px; color: var(--hdc-account-text); font-size: .74rem; font-weight: 700; cursor: pointer; }
.hdc-profile-photo__remove input { width: 16px; height: 16px; accent-color: var(--hdc-primary); }

.hdc-social-accounts { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--hdc-account-border); }
.hdc-social-accounts__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
.hdc-social-accounts__head h3 { font-size: 1.08rem; }
.hdc-social-accounts__head > span { padding: 5px 9px; border: 1px solid var(--hdc-account-border); border-radius: 999px; color: var(--hdc-account-muted); font-size: .65rem; font-weight: 700; }
.hdc-social-accounts__note { margin: 8px 0 16px; color: var(--hdc-account-muted); font-size: .75rem; line-height: 1.5; }
.hdc-social-accounts__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.hdc-social-account-field { float: none !important; width: auto !important; margin: 0 !important; }
.hdc-social-account-field > label { display: block; margin-bottom: 6px; color: var(--hdc-account-text); font-size: .72rem; font-weight: 700; }
.hdc-social-account-field__control { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; overflow: hidden; border: 1px solid var(--hdc-account-border); border-radius: calc(var(--hdc-radius, 14px) - 5px); background: var(--hdc-account-surface); }
.hdc-social-account-field__control > span { display: grid; min-height: 44px; place-items: center; border-inline-end: 1px solid var(--hdc-account-border); background: var(--hdc-account-subtle); color: var(--hdc-account-muted); font-weight: 700; }
.hdc-social-account-field__control input { width: 100% !important; min-height: 44px !important; border: 0 !important; border-radius: 0 !important; outline: 0; box-shadow: none !important; }
.hdc-social-account-field__control:focus-within { border-color: var(--hdc-primary); outline: 3px solid color-mix(in srgb, var(--hdc-primary) 18%, transparent); outline-offset: 1px; }

/* Server-selected tab visibility keeps the form usable without JS. */
.hdc-commerce-edit-profile:not(.hdc-commerce-social-accounts-tab) .hdc-social-accounts { display: none; }
.hdc-commerce-social-accounts-tab .woocommerce-EditAccountForm > .hdc-profile-photo,
.hdc-commerce-social-accounts-tab .woocommerce-EditAccountForm > .woocommerce-form-row,
.hdc-commerce-social-accounts-tab .woocommerce-EditAccountForm > fieldset,
.hdc-commerce-social-accounts-tab .woocommerce-EditAccountForm > .clear { display: none; }
.hdc-commerce-social-accounts-tab .hdc-social-accounts { margin-top: 0; padding-top: 0; border-top: 0; }

/* Native endpoint surfaces keep WooCommerce data authority but share presentation. */
.hdc-commerce-account-page .woocommerce table.shop_table { width: 100%; min-width: 0; overflow: hidden; border: 1px solid var(--hdc-account-border); border-radius: var(--hdc-radius, 14px); background: var(--hdc-account-surface); }
.hdc-commerce-account-page .woocommerce table.shop_table th,
.hdc-commerce-account-page .woocommerce table.shop_table td { padding: 12px 14px; border-color: var(--hdc-account-border); }
.hdc-commerce-account-page .woocommerce .woocommerce-Address,
.hdc-commerce-account-page .woocommerce .woocommerce-Addresses .woocommerce-Address { padding: var(--hdc-space-5, 20px); border: 1px solid var(--hdc-account-border); border-radius: var(--hdc-radius, 14px); background: var(--hdc-account-surface); }
.hdc-commerce-account-page .woocommerce form .form-row input.input-text,
.hdc-commerce-account-page .woocommerce form .form-row textarea,
.hdc-commerce-account-page .woocommerce form .form-row select,
.hdc-commerce-account-page .woocommerce .select2-container .select2-selection { min-height: 44px; border: 1px solid var(--hdc-account-border); border-radius: calc(var(--hdc-radius, 14px) - 5px); background: var(--hdc-account-surface); color: var(--hdc-account-text); }
.hdc-commerce-account-page .woocommerce .button,
.hdc-commerce-account-page .woocommerce button.button,
.hdc-commerce-account-page .woocommerce input.button { min-height: 42px; border-radius: 999px; }
.hdc-commerce-account-page .woocommerce-EditAccountForm > p:last-of-type .button { border-color: var(--hdc-primary-hover, var(--hdc-primary)); background: var(--hdc-primary); color: var(--hdc-account-primary-text) !important; }
.hdc-commerce-account-page .woocommerce-EditAccountForm > p:last-of-type .button:hover,
.hdc-commerce-account-page .woocommerce-EditAccountForm > p:last-of-type .button:focus-visible { background: var(--hdc-primary-hover, var(--hdc-primary)); color: var(--hdc-account-primary-text) !important; }
.hdc-commerce-account-page .woocommerce-info,
.hdc-commerce-account-page .woocommerce-message,
.hdc-commerce-account-page .woocommerce-error { border-radius: var(--hdc-radius, 14px); }


/* Step 32 — one premium presentation system for every native account endpoint. */
.hdc-account-page-surface {
    display: grid;
    min-width: 0;
    gap: 16px;
}

.hdc-account-page-surface__head {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    padding: clamp(18px, 2.2vw, 24px);
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) + 2px);
    background: linear-gradient(135deg, color-mix(in srgb, var(--hdc-primary) 5%, var(--hdc-account-surface)), var(--hdc-account-surface) 68%);
}

.hdc-account-page-surface__icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--hdc-primary) 20%, var(--hdc-account-border));
    border-radius: 14px;
    background: color-mix(in srgb, var(--hdc-primary) 7%, var(--hdc-account-surface));
    color: var(--hdc-primary-hover, var(--hdc-primary));
}
.hdc-account-page-surface__icon .hdc-icon { width: 22px; height: 22px; }
.hdc-account-page-surface__copy { min-width: 0; }
.hdc-account-page-surface__copy h2 {
    margin: 0;
    color: var(--hdc-account-text);
    font-family: var(--hdc-font-heading);
    font-size: clamp(1.08rem, 1.7vw, 1.38rem);
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.18;
}
.hdc-account-page-surface__copy > p:last-child {
    max-width: 720px;
    margin: 6px 0 0;
    color: var(--hdc-account-muted);
    font-size: .78rem;
    line-height: 1.55;
}
.hdc-account-page-surface__action {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 8px 13px;
    border: 1px solid color-mix(in srgb, var(--hdc-primary) 34%, var(--hdc-account-border));
    border-radius: 999px;
    background: var(--hdc-account-surface);
    color: var(--hdc-primary-hover, var(--hdc-primary)) !important;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}
.hdc-account-page-surface__action:hover,
.hdc-account-page-surface__action:focus-visible {
    border-color: var(--hdc-primary);
    background: color-mix(in srgb, var(--hdc-primary) 6%, var(--hdc-account-surface));
    color: var(--hdc-primary-hover, var(--hdc-primary)) !important;
}
.hdc-account-page-surface__body {
    min-width: 0;
    padding: clamp(16px, 2vw, 22px);
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) + 2px);
    background: var(--hdc-account-surface);
}
.hdc-account-page-surface__body > :first-child { margin-top: 0; }
.hdc-account-page-surface__body > :last-child { margin-bottom: 0; }

/* Notices/messages use one flat information pattern and preserve Woo actions. */
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-info,
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-message,
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-error {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 16px;
    padding: 14px 16px 14px 18px;
    border: 1px solid var(--hdc-account-border);
    border-inline-start: 3px solid var(--hdc-primary);
    border-radius: calc(var(--hdc-radius, 14px) - 2px);
    background: var(--hdc-account-surface);
    color: var(--hdc-account-text);
    font-size: .78rem;
    line-height: 1.5;
    box-shadow: none;
}
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-message { border-inline-start-color: var(--hdc-account-success); }
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-error { border-inline-start-color: var(--hdc-account-danger); }
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-info::before,
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-message::before,
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-error::before { color: var(--hdc-primary-hover, var(--hdc-primary)); }
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-error::before { color: var(--hdc-account-danger); }
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-message::before { color: var(--hdc-account-success); }

/* Canonical account buttons. Native WooCommerce keeps every action/function. */
.hdc-commerce-account-page .woocommerce-MyAccount-content .button,
.hdc-commerce-account-page .woocommerce-MyAccount-content button.button,
.hdc-commerce-account-page .woocommerce-MyAccount-content input.button {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 14px;
    border: 1px solid var(--hdc-primary-hover, var(--hdc-primary));
    border-radius: 999px;
    background: var(--hdc-primary);
    color: var(--hdc-account-primary-text) !important;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    box-shadow: none;
}
.hdc-commerce-account-page .woocommerce-MyAccount-content .button:hover,
.hdc-commerce-account-page .woocommerce-MyAccount-content .button:focus-visible,
.hdc-commerce-account-page .woocommerce-MyAccount-content button.button:hover,
.hdc-commerce-account-page .woocommerce-MyAccount-content button.button:focus-visible,
.hdc-commerce-account-page .woocommerce-MyAccount-content input.button:hover,
.hdc-commerce-account-page .woocommerce-MyAccount-content input.button:focus-visible {
    border-color: var(--hdc-primary-hover, var(--hdc-primary));
    background: var(--hdc-primary-hover, var(--hdc-primary));
    color: var(--hdc-account-primary-text) !important;
}

/* Orders/downloads/payment tables: clean hierarchy, rows and actions. */
.hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table,
.hdc-commerce-account-page .woocommerce-MyAccount-content table.woocommerce-table {
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--hdc-account-border);
    border-collapse: separate;
    border-spacing: 0;
    border-radius: calc(var(--hdc-radius, 14px) - 2px);
    background: var(--hdc-account-surface);
    color: var(--hdc-account-text);
    box-shadow: none;
}
.hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table thead th,
.hdc-commerce-account-page .woocommerce-MyAccount-content table.woocommerce-table thead th {
    padding: 12px 14px;
    border: 0;
    border-bottom: 1px solid var(--hdc-account-border);
    background: color-mix(in srgb, var(--hdc-account-subtle) 78%, var(--hdc-account-surface));
    color: var(--hdc-account-text);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 1.3;
    text-transform: none;
}
.hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table tbody th,
.hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table tbody td,
.hdc-commerce-account-page .woocommerce-MyAccount-content table.woocommerce-table tbody th,
.hdc-commerce-account-page .woocommerce-MyAccount-content table.woocommerce-table tbody td {
    padding: 13px 14px;
    border: 0;
    border-bottom: 1px solid var(--hdc-account-border);
    color: var(--hdc-account-text);
    font-size: .75rem;
    line-height: 1.45;
    vertical-align: middle;
}
.hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table tbody tr:last-child > *,
.hdc-commerce-account-page .woocommerce-MyAccount-content table.woocommerce-table tbody tr:last-child > * { border-bottom: 0; }
.hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table tbody tr:hover > *,
.hdc-commerce-account-page .woocommerce-MyAccount-content table.woocommerce-table tbody tr:hover > * { background: color-mix(in srgb, var(--hdc-primary) 2.5%, var(--hdc-account-surface)); }
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-number a,
.hdc-commerce-account-page .woocommerce-table--order-downloads a:not(.button),
.hdc-commerce-account-page .woocommerce-order-details a,
.hdc-commerce-account-page .woocommerce-customer-details a {
    color: var(--hdc-account-link) !important;
    font-weight: 700;
    text-decoration: none;
}
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-number a:hover,
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-number a:focus-visible,
.hdc-commerce-account-page .woocommerce-table--order-downloads a:not(.button):hover,
.hdc-commerce-account-page .woocommerce-table--order-downloads a:not(.button):focus-visible { color: var(--hdc-account-link-hover) !important; text-decoration: underline; text-underline-offset: 3px; }

.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions,
.hdc-commerce-account-page .woocommerce-PaymentMethod--actions {
    white-space: normal;
}
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button,
.hdc-commerce-account-page .woocommerce-PaymentMethod--actions .button {
    min-height: 34px;
    margin: 2px 4px 2px 0;
    padding: 6px 10px;
    border-color: var(--hdc-account-border);
    background: var(--hdc-account-surface);
    color: var(--hdc-account-text) !important;
    font-size: .68rem;
}
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button:hover,
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button:focus-visible,
.hdc-commerce-account-page .woocommerce-PaymentMethod--actions .button:hover,
.hdc-commerce-account-page .woocommerce-PaymentMethod--actions .button:focus-visible {
    border-color: var(--hdc-primary);
    background: color-mix(in srgb, var(--hdc-primary) 5%, var(--hdc-account-surface));
    color: var(--hdc-primary-hover, var(--hdc-primary)) !important;
}
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.view,
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.pay,
.hdc-commerce-account-page .woocommerce-MyAccount-downloads-file.button {
    border-color: var(--hdc-primary-hover, var(--hdc-primary));
    background: var(--hdc-primary);
    color: var(--hdc-account-primary-text) !important;
}
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.view:hover,
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.view:focus-visible,
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.pay:hover,
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.pay:focus-visible,
.hdc-commerce-account-page .woocommerce-MyAccount-downloads-file.button:hover,
.hdc-commerce-account-page .woocommerce-MyAccount-downloads-file.button:focus-visible { background: var(--hdc-primary-hover, var(--hdc-primary)); color: var(--hdc-account-primary-text) !important; }
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.cancel,
.hdc-commerce-account-page .woocommerce-PaymentMethod--actions .button.delete {
    border-color: color-mix(in srgb, var(--hdc-account-danger) 28%, var(--hdc-account-border));
    background: var(--hdc-account-surface);
    color: var(--hdc-account-danger) !important;
}

/* Order-status emphasis uses native WooCommerce row/status classes only. */
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-status { font-weight: 700; }
.hdc-commerce-account-page .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status,
.hdc-commerce-account-page .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status { color: #806000; }
.hdc-commerce-account-page .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status { color: var(--hdc-account-success); }
.hdc-commerce-account-page .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
.hdc-commerce-account-page .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status,
.hdc-commerce-account-page .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status { color: var(--hdc-account-danger); }

.hdc-commerce-account-page .woocommerce-pagination {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
}
.hdc-commerce-account-page .woocommerce-pagination .button {
    border-color: var(--hdc-account-border);
    background: var(--hdc-account-surface);
    color: var(--hdc-account-text) !important;
}
.hdc-commerce-account-page .woocommerce-pagination .button:hover,
.hdc-commerce-account-page .woocommerce-pagination .button:focus-visible { border-color: var(--hdc-primary); color: var(--hdc-primary-hover, var(--hdc-primary)) !important; }

/* Addresses become clear premium cards while WooCommerce owns address data/save. */
.hdc-account-page-surface--addresses .hdc-account-page-surface__body > p:first-child { display: none; }
.hdc-commerce-account-page .woocommerce-Addresses,
.hdc-commerce-account-page .woocommerce .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
}
.hdc-commerce-account-page .woocommerce .woocommerce-Address,
.hdc-commerce-account-page .woocommerce .woocommerce-Addresses .woocommerce-Address {
    float: none !important;
    width: 100% !important;
    min-height: 180px;
    margin: 0;
    padding: 18px;
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) - 2px);
    background: var(--hdc-account-surface);
}
.hdc-commerce-account-page .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--hdc-account-border);
}
.hdc-commerce-account-page .woocommerce-Address-title h2 {
    margin: 0;
    color: var(--hdc-account-text);
    font-family: var(--hdc-font-heading);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}
.hdc-commerce-account-page .woocommerce-Address-title .edit {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 5px 9px;
    border: 1px solid var(--hdc-account-border);
    border-radius: 999px;
    color: var(--hdc-account-link) !important;
    font-size: .66rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
}
.hdc-commerce-account-page .woocommerce-Address-title .edit:hover,
.hdc-commerce-account-page .woocommerce-Address-title .edit:focus-visible { border-color: var(--hdc-account-link); color: var(--hdc-account-link-hover) !important; }
.hdc-commerce-account-page .woocommerce-Address address { margin: 0; color: var(--hdc-account-muted); font-size: .76rem; font-style: normal; line-height: 1.7; }

/* Address/profile forms share one predictable input system. */
.hdc-account-page-surface--edit-address .hdc-account-page-surface__body form > h2 { display: none; }
.hdc-commerce-account-page .woocommerce-address-fields__field-wrapper,
.hdc-commerce-account-page .woocommerce-EditAccountForm { min-width: 0; }
.hdc-commerce-account-page .woocommerce-address-fields__field-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
}
.hdc-commerce-account-page .woocommerce-address-fields__field-wrapper .form-row { float: none !important; width: auto !important; margin: 0 !important; }
.hdc-commerce-account-page .woocommerce-address-fields__field-wrapper .form-row-wide { grid-column: 1 / -1; }
.hdc-commerce-account-page .woocommerce form .form-row { margin-bottom: 14px; }
.hdc-commerce-account-page .woocommerce form .form-row label {
    display: block;
    margin-bottom: 6px;
    color: var(--hdc-account-text);
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.35;
}
.hdc-commerce-account-page .woocommerce form .form-row .required { color: var(--hdc-account-danger); }
.hdc-commerce-account-page .woocommerce form .form-row input.input-text,
.hdc-commerce-account-page .woocommerce form .form-row textarea,
.hdc-commerce-account-page .woocommerce form .form-row select,
.hdc-commerce-account-page .woocommerce .select2-container .select2-selection {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    padding: 9px 11px;
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) - 5px);
    background: var(--hdc-account-surface);
    color: var(--hdc-account-text);
    font-size: .78rem;
    box-shadow: none;
}
.hdc-commerce-account-page .woocommerce form .form-row textarea { min-height: 110px; resize: vertical; }
.hdc-commerce-account-page .woocommerce form .form-row input.input-text:focus,
.hdc-commerce-account-page .woocommerce form .form-row textarea:focus,
.hdc-commerce-account-page .woocommerce form .form-row select:focus,
.hdc-commerce-account-page .woocommerce .select2-container--focus .select2-selection {
    border-color: var(--hdc-primary);
    outline: 3px solid color-mix(in srgb, var(--hdc-primary) 15%, transparent);
    outline-offset: 1px;
}
.hdc-commerce-account-page .woocommerce-EditAccountForm fieldset {
    margin: 20px 0 0;
    padding: 18px;
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) - 2px);
    background: color-mix(in srgb, var(--hdc-account-subtle) 62%, var(--hdc-account-surface));
}
.hdc-commerce-account-page .woocommerce-EditAccountForm fieldset legend {
    padding: 0 6px;
    color: var(--hdc-account-text);
    font-family: var(--hdc-font-heading);
    font-size: .86rem;
    font-weight: 700;
}

/* View-order content keeps native order details while giving each section hierarchy. */
.hdc-account-page-surface--view-order .hdc-account-page-surface__body > p:first-child {
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) - 3px);
    background: var(--hdc-account-subtle);
    color: var(--hdc-account-muted);
    font-size: .76rem;
    line-height: 1.55;
}
.hdc-account-page-surface--view-order mark { padding: 2px 5px; border-radius: 5px; background: color-mix(in srgb, var(--hdc-primary) 8%, var(--hdc-account-surface)); color: var(--hdc-account-text); font-weight: 700; }
.hdc-commerce-account-page .woocommerce-order-details,
.hdc-commerce-account-page .woocommerce-customer-details,
.hdc-commerce-account-page .woocommerce-order-downloads { margin: 18px 0 0; }
.hdc-commerce-account-page .woocommerce-order-details__title,
.hdc-commerce-account-page .woocommerce-column__title,
.hdc-commerce-account-page .woocommerce-order-downloads__title,
.hdc-commerce-account-page .woocommerce-OrderUpdates + h2,
.hdc-account-page-surface--view-order h2 {
    margin: 18px 0 10px;
    color: var(--hdc-account-text);
    font-family: var(--hdc-font-heading);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}
.hdc-commerce-account-page .woocommerce-customer-details address {
    padding: 16px;
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) - 2px);
    background: var(--hdc-account-surface);
    color: var(--hdc-account-muted);
    font-style: normal;
    line-height: 1.65;
}
.hdc-commerce-account-page .woocommerce-OrderUpdates { margin: 0; padding: 0; list-style: none; }
.hdc-commerce-account-page .woocommerce-OrderUpdate { margin: 0 0 10px; padding: 14px; border: 1px solid var(--hdc-account-border); border-radius: calc(var(--hdc-radius, 14px) - 3px); background: var(--hdc-account-surface); }
.hdc-commerce-account-page .woocommerce-OrderUpdate-meta { margin: 0 0 5px; color: var(--hdc-account-muted); font-size: .66rem; font-weight: 700; }
.hdc-commerce-account-page .woocommerce-OrderUpdate-description p { margin: 0; color: var(--hdc-account-text); font-size: .76rem; line-height: 1.5; }

/* Payment method selection is flat, spacious and gateway-compatible. */
.hdc-commerce-account-page #add_payment_method #payment {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}
.hdc-commerce-account-page #add_payment_method .payment_methods {
    display: grid;
    gap: 10px;
    margin: 0 0 16px;
    padding: 0;
    list-style: none;
}
.hdc-commerce-account-page #add_payment_method .payment_methods > li {
    margin: 0;
    padding: 14px;
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) - 2px);
    background: var(--hdc-account-surface);
}
.hdc-commerce-account-page #add_payment_method .payment_methods > li > label { color: var(--hdc-account-text); font-size: .76rem; font-weight: 700; }
.hdc-commerce-account-page #add_payment_method .payment_box { margin: 12px 0 0; padding: 14px; border-radius: 10px; background: var(--hdc-account-subtle); color: var(--hdc-account-muted); }
.hdc-commerce-account-page #add_payment_method .input-radio { accent-color: var(--hdc-primary); }

/* Profile/social workspace final polish. */
.hdc-profile-shell,
.hdc-commerce-account-page .woocommerce-EditAccountForm { box-shadow: none; }
.hdc-commerce-account-page .woocommerce-EditAccountForm > p:last-of-type { display: flex; justify-content: flex-end; margin: 20px 0 0; }
.hdc-social-accounts__head > span { background: var(--hdc-account-subtle); }
.hdc-profile-tabs a:hover,
.hdc-profile-tabs a:focus-visible { color: var(--hdc-primary-hover, var(--hdc-primary)) !important; }
.hdc-profile-tabs a.is-active {
    border-color: color-mix(in srgb, var(--hdc-primary) 28%, var(--hdc-account-border));
    background: var(--hdc-account-surface);
    color: var(--hdc-primary-hover, var(--hdc-primary)) !important;
}

/* Mobile side-drawer controls are hidden on desktop. */
.hdc-account-nav-toggle,
.hdc-account-nav-scrim { display: none; }

.hdc-commerce-account-page .woocommerce-MyAccount-navigation a:focus-visible,
.hdc-commerce-account-page .woocommerce-MyAccount-content a:focus-visible,
.hdc-commerce-account-page .woocommerce-MyAccount-content button:focus-visible,
.hdc-commerce-account-page .woocommerce-MyAccount-content input:focus-visible,
.hdc-commerce-account-page .woocommerce-MyAccount-content select:focus-visible,
.hdc-commerce-account-page .woocommerce-MyAccount-content textarea:focus-visible,
.hdc-account-dashboard a:focus-visible,
.hdc-account-nav-toggle:focus-visible { outline: 3px solid color-mix(in srgb, var(--hdc-primary) 28%, transparent); outline-offset: 2px; }

@media (max-width: 1024px) {
    .hdc-commerce-account-page .woocommerce { grid-template-columns: minmax(190px, 220px) minmax(0, 1fr); gap: 20px; }
    .hdc-account-dashboard__hero { grid-template-columns: 1fr; }
    .hdc-account-dashboard__hero-actions { justify-content: flex-start; }
    .hdc-account-metric { grid-template-columns: 32px minmax(0, 1fr); gap: 7px; padding: 10px; }
    .hdc-account-metric__icon { width: 32px; height: 32px; }
    .hdc-account-metric__icon .hdc-icon { width: 16px; height: 16px; }
    .hdc-account-metric__copy strong { font-size: 1.05rem; }
    .hdc-account-metric__copy span { font-size: .64rem; }
}

@media (max-width: 782px) {
    .hdc-commerce-account-page.hdf-has-page-layout .hdf-page-shell { width: 100%; padding-inline: var(--hdf-site-frame-padding-x, 12px); }
    .hdc-commerce-account-page .woocommerce { display: block !important; }
    .hdc-commerce-account-page .woocommerce-MyAccount-content { width: 100% !important; }

    .hdc-account-nav-toggle {
        position: fixed;
        z-index: 2147482602;
        top: 46vh;
        inset-inline-start: max(0px, env(safe-area-inset-left));
        display: inline-flex;
        min-width: 74px;
        min-height: 44px;
        align-items: center;
        justify-content: center;
        gap: 7px;
        padding: 8px 11px 8px 9px;
        border: 1px solid color-mix(in srgb, var(--hdc-primary) 35%, var(--hdc-account-border));
        border-inline-start: 0;
        border-radius: 0 999px 999px 0;
        background: var(--hdc-account-surface);
        color: var(--hdc-account-text);
        font-size: .72rem;
        font-weight: 700;
        line-height: 1;
        box-shadow: none;
        transition: inset-inline-start 220ms ease, transform 220ms ease, background 180ms ease, color 180ms ease;
    }
    [dir="rtl"] .hdc-account-nav-toggle { border-inline-start: 1px solid color-mix(in srgb, var(--hdc-primary) 35%, var(--hdc-account-border)); border-inline-end: 0; border-radius: 999px 0 0 999px; }
    .hdc-account-nav-toggle[data-hdc-open="true"] { inset-inline-start: min(84vw, 320px); transform: translateX(-100%); background: var(--hdc-primary); color: var(--hdc-account-primary-text); }
    [dir="rtl"] .hdc-account-nav-toggle[data-hdc-open="true"] { transform: translateX(100%); }
    .hdc-account-nav-toggle__glyph { position: relative; display: grid; width: 15px; height: 14px; align-content: space-between; }
    .hdc-account-nav-toggle__glyph span { display: block; width: 15px; height: 1.5px; border-radius: 2px; background: currentColor; transition: transform 180ms ease, opacity 180ms ease; }
    .hdc-account-nav-toggle[data-hdc-open="true"] .hdc-account-nav-toggle__glyph span:nth-child(1) { transform: translateY(6.2px) rotate(45deg); }
    .hdc-account-nav-toggle[data-hdc-open="true"] .hdc-account-nav-toggle__glyph span:nth-child(2) { opacity: 0; }
    .hdc-account-nav-toggle[data-hdc-open="true"] .hdc-account-nav-toggle__glyph span:nth-child(3) { transform: translateY(-6.2px) rotate(-45deg); }

    .hdc-account-nav-scrim[data-hdc-open="true"] {
        position: fixed;
        z-index: 2147482599;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        border: 0;
        background: rgba(17, 24, 39, .34);
    }

    .hdc-commerce-account-page .woocommerce-MyAccount-navigation {
        position: fixed;
        z-index: 2147482600;
        top: 0;
        bottom: 0;
        inset-inline-start: 0;
        display: block;
        width: min(84vw, 320px) !important;
        height: 100vh;
        height: 100dvh;
        margin: 0;
        padding: max(18px, env(safe-area-inset-top)) 12px max(18px, env(safe-area-inset-bottom));
        overflow-y: auto;
        overscroll-behavior: contain;
        border: 0;
        border-inline-end: 1px solid var(--hdc-account-border);
        border-radius: 0 16px 16px 0;
        transform: translateX(-104%);
        transition: transform 220ms ease;
    }
    [dir="rtl"] .hdc-commerce-account-page .woocommerce-MyAccount-navigation { border-inline-end: 0; border-inline-start: 1px solid var(--hdc-account-border); border-radius: 16px 0 0 16px; transform: translateX(104%); }
    .hdc-commerce-account-page .woocommerce-MyAccount-navigation[data-hdc-open="true"] { transform: translateX(0); }
    .hdc-commerce-account-page .woocommerce-MyAccount-navigation ul { display: grid; gap: 5px; }
    .hdc-commerce-account-page .woocommerce-MyAccount-navigation a { min-height: 44px; }
    html.hdc-account-nav-open,
    body.hdc-account-nav-open { overflow: hidden; overscroll-behavior: none; }

    .hdc-account-order { grid-template-columns: 38px minmax(0, 1fr) auto; grid-template-areas: "icon main view" "icon status total"; gap: 7px 10px; }
    .hdc-account-order__icon { grid-area: icon; }
    .hdc-account-order__main { grid-area: main; }
    .hdc-account-order__status { grid-area: status; }
    .hdc-account-order__total { grid-area: total; }
    .hdc-account-order__view { grid-area: view; }
    .hdc-account-support { grid-template-columns: 46px minmax(0, 1fr); }
    .hdc-account-support > .hdc-account-dashboard__button { grid-column: 1 / -1; justify-self: start; }
    .hdc-profile-shell { grid-template-columns: 1fr; align-items: start; }
    .hdc-profile-tabs { justify-self: start; }
}

@media (max-width: 600px) {
    .hdc-account-dashboard { gap: 16px; }
    .hdc-account-dashboard__hero,
    .hdc-account-section,
    .hdc-account-support,
    .hdc-profile-shell,
    .hdc-commerce-account-page .woocommerce-EditAccountForm { padding: 15px; border-radius: var(--hdc-radius, 14px); }
    .hdc-account-dashboard__identity { grid-template-columns: 48px minmax(0, 1fr); gap: 11px; }
    .hdc-account-dashboard__avatar { width: 48px; height: 48px; }
    .hdc-account-dashboard__identity h1 { font-size: 1.26rem; }
    .hdc-account-dashboard__hero-actions,
    .hdc-account-dashboard__hero-actions .hdc-account-dashboard__button { width: 100%; }

    .hdc-account-metrics { gap: 5px; }
    .hdc-account-metric { min-height: 78px; grid-template-columns: 1fr; justify-items: center; gap: 5px; padding: 8px 4px; text-align: center; }
    .hdc-account-metric__icon { width: 29px; height: 29px; border-radius: 9px; }
    .hdc-account-metric__icon .hdc-icon { width: 14px; height: 14px; }
    .hdc-account-metric__copy { justify-items: center; gap: 2px; }
    .hdc-account-metric__copy strong { font-size: .98rem; }
    .hdc-account-metric__copy span { font-size: clamp(.52rem, 2.3vw, .62rem); line-height: 1.15; }

    .hdc-account-section__head { align-items: flex-start; flex-direction: column; gap: 6px; }
    .hdc-account-order { padding: 10px; }
    .hdc-account-empty { grid-template-columns: 40px minmax(0, 1fr); }
    .hdc-account-empty > .hdc-account-dashboard__button { grid-column: 1 / -1; width: 100%; }
    .hdc-social-accounts__grid { grid-template-columns: 1fr; gap: 10px; }
    .hdc-profile-photo { grid-template-columns: 76px minmax(0, 1fr); gap: 13px; }
    .hdc-profile-photo__preview { width: 76px; height: 76px; }
    .hdc-commerce-account-page .woocommerce table.shop_table_responsive tr td,
    .hdc-commerce-account-page .woocommerce-page table.shop_table_responsive tr td { padding: 10px 12px; }
}

@media (max-width: 420px) {
    .hdc-account-metrics { gap: 4px; }
    .hdc-account-metric { min-height: 72px; padding: 7px 2px; border-radius: 10px; }
    .hdc-account-metric__icon { width: 25px; height: 25px; }
    .hdc-account-metric__icon .hdc-icon { width: 12px; height: 12px; }
    .hdc-account-metric__copy strong { font-size: .88rem; }
    .hdc-account-metric__copy span { font-size: .5rem; }
    .hdc-account-order { grid-template-columns: 34px minmax(0, 1fr); grid-template-areas: "icon main" "status status" "total view"; gap: 8px 10px; }
    .hdc-account-order__icon { width: 34px; height: 34px; }
    .hdc-account-order__status,
    .hdc-account-order__total,
    .hdc-account-order__view { justify-self: start; }
    .hdc-account-order__view { justify-self: end; }
    .hdc-account-support { grid-template-columns: 1fr; }
    .hdc-account-support__icon { width: 44px; height: 44px; }
    .hdc-profile-shell { gap: 13px; }
    .hdc-profile-tabs { width: 100%; }
    .hdc-profile-tabs a { flex: 1 1 0; padding-inline: 8px; }
    .hdc-profile-photo { grid-template-columns: 1fr; }
}




/* Step 33 — account action contrast, WooCommerce 11 email notice alignment and deterministic address columns. */
.hdc-commerce-account-page .woocommerce-MyAccount-content {
    --hdc-account-solid-button-text: #ffffff;
}

/* WooCommerce's col2-set clearfix pseudo-elements become grid items when
 * .woocommerce-Addresses is converted to grid. Remove only those generated
 * clearfix nodes so Billing remains left and Shipping remains right. */
.hdc-commerce-account-page .woocommerce-Addresses::before,
.hdc-commerce-account-page .woocommerce-Addresses::after,
.hdc-commerce-account-page .woocommerce .woocommerce-Addresses::before,
.hdc-commerce-account-page .woocommerce .woocommerce-Addresses::after {
    display: none !important;
    content: none !important;
}
.hdc-commerce-account-page .woocommerce-Addresses > .woocommerce-Address.col-1,
.hdc-commerce-account-page .woocommerce .woocommerce-Addresses > .woocommerce-Address.col-1 {
    grid-column: 1;
}
.hdc-commerce-account-page .woocommerce-Addresses > .woocommerce-Address.col-2,
.hdc-commerce-account-page .woocommerce .woocommerce-Addresses > .woocommerce-Address.col-2 {
    grid-column: 2;
}

/* Solid Account actions always use a readable light label. Secondary actions
 * stay on a white/surface background with canonical account-link text. */
.hdc-commerce-account-page .woocommerce-MyAccount-content .button,
.hdc-commerce-account-page .woocommerce-MyAccount-content button.button,
.hdc-commerce-account-page .woocommerce-MyAccount-content input.button {
    color: var(--hdc-account-solid-button-text) !important;
}
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button,
.hdc-commerce-account-page .woocommerce-PaymentMethod--actions .button,
.hdc-commerce-account-page .woocommerce-pagination .button,
.hdc-commerce-account-page .woocommerce-Address-title .edit,
.hdc-account-page-surface__action {
    border-color: var(--hdc-account-border) !important;
    background: var(--hdc-account-surface) !important;
    color: var(--hdc-account-link) !important;
}
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button:hover,
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button:focus-visible,
.hdc-commerce-account-page .woocommerce-PaymentMethod--actions .button:hover,
.hdc-commerce-account-page .woocommerce-PaymentMethod--actions .button:focus-visible,
.hdc-commerce-account-page .woocommerce-pagination .button:hover,
.hdc-commerce-account-page .woocommerce-pagination .button:focus-visible,
.hdc-commerce-account-page .woocommerce-Address-title .edit:hover,
.hdc-commerce-account-page .woocommerce-Address-title .edit:focus-visible,
.hdc-account-page-surface__action:hover,
.hdc-account-page-surface__action:focus-visible {
    border-color: var(--hdc-account-link) !important;
    background: color-mix(in srgb, var(--hdc-account-link) 5%, var(--hdc-account-surface)) !important;
    color: var(--hdc-account-link-hover) !important;
}
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.view,
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.pay,
.hdc-commerce-account-page .woocommerce-MyAccount-downloads-file.button,
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-info > .button,
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-message > .button {
    border-color: var(--hdc-primary-hover, var(--hdc-primary)) !important;
    background: var(--hdc-primary) !important;
    color: var(--hdc-account-solid-button-text) !important;
}
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.view:hover,
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.view:focus-visible,
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.pay:hover,
.hdc-commerce-account-page .woocommerce-orders-table__cell-order-actions .button.pay:focus-visible,
.hdc-commerce-account-page .woocommerce-MyAccount-downloads-file.button:hover,
.hdc-commerce-account-page .woocommerce-MyAccount-downloads-file.button:focus-visible,
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-info > .button:hover,
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-info > .button:focus-visible,
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-message > .button:hover,
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-message > .button:focus-visible {
    border-color: var(--hdc-primary-hover, var(--hdc-primary)) !important;
    background: var(--hdc-primary-hover, var(--hdc-primary)) !important;
    color: var(--hdc-account-solid-button-text) !important;
}

/* WooCommerce 11 customer-email verification prints the action before the
 * notice text. Flex ordering keeps the native action/function intact while
 * placing icon -> message -> action in one clean responsive row. */
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-info {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 10px 12px 10px 16px;
}
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-info::before {
    position: static !important;
    top: auto !important;
    left: auto !important;
    flex: 0 0 20px;
    width: 20px;
    margin: 0;
    color: var(--hdc-account-link) !important;
    font-size: 1rem;
    line-height: 1;
    transform: none !important;
}
.hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-info > .button {
    order: 3;
    flex: 0 0 auto;
    float: none !important;
    margin: 0 0 0 auto;
    white-space: nowrap;
}


@media (max-width: 782px) {
    .hdc-account-page-surface__head { grid-template-columns: 44px minmax(0, 1fr); align-items: start; }
    .hdc-account-page-surface__icon { width: 44px; height: 44px; border-radius: 12px; }
    .hdc-account-page-surface__action { grid-column: 1 / -1; justify-self: start; }
    .hdc-commerce-account-page .woocommerce-Addresses,
    .hdc-commerce-account-page .woocommerce .woocommerce-Addresses { grid-template-columns: 1fr; }
    .hdc-commerce-account-page .woocommerce-Addresses > .woocommerce-Address.col-1,
    .hdc-commerce-account-page .woocommerce-Addresses > .woocommerce-Address.col-2,
    .hdc-commerce-account-page .woocommerce .woocommerce-Addresses > .woocommerce-Address.col-1,
    .hdc-commerce-account-page .woocommerce .woocommerce-Addresses > .woocommerce-Address.col-2 { grid-column: 1 !important; }
    .hdc-commerce-account-page .woocommerce-address-fields__field-wrapper { grid-template-columns: 1fr; gap: 0; }
    .hdc-commerce-account-page .woocommerce-address-fields__field-wrapper .form-row-wide { grid-column: auto; }
}

@media (max-width: 600px) {
    .hdc-account-page-surface { gap: 12px; }
    .hdc-account-page-surface__head,
    .hdc-account-page-surface__body { padding: 14px; border-radius: var(--hdc-radius, 14px); }
    .hdc-account-page-surface__copy > p:last-child { font-size: .72rem; }

    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive thead,
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.woocommerce-table.shop_table_responsive thead { display: none; }
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive tbody,
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive tr,
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive th,
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive td { display: block; width: 100%; }
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive tr {
        margin: 0;
        padding: 12px;
        border-bottom: 1px solid var(--hdc-account-border);
    }
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive tr:last-child { border-bottom: 0; }
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive tbody th,
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive tbody td {
        display: grid;
        grid-template-columns: minmax(100px, .8fr) minmax(0, 1.2fr);
        align-items: center;
        gap: 10px;
        padding: 8px 0;
        border: 0;
        text-align: end !important;
    }
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive tbody td::before,
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive tbody th::before {
        color: var(--hdc-account-muted);
        font-size: .64rem;
        font-weight: 700;
        text-align: start;
        content: attr(data-title);
    }
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive .woocommerce-orders-table__cell-order-actions,
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive .woocommerce-PaymentMethod--actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive .woocommerce-orders-table__cell-order-actions::before,
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive .woocommerce-PaymentMethod--actions::before { margin-inline-end: auto; }
    .hdc-commerce-account-page .woocommerce-MyAccount-content table.shop_table_responsive .button { width: auto; }
    .hdc-commerce-account-page .woocommerce-EditAccountForm > p:last-of-type .button,
    .hdc-account-page-surface--edit-address form > .woocommerce-address-fields > p:last-child .button { width: 100%; }
}


@media (max-width: 600px) {
    .hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-info {
        display: grid;
        grid-template-columns: 20px minmax(0, 1fr);
        align-items: start;
        gap: 8px 10px;
        padding: 13px 14px;
    }
    .hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-info::before {
        grid-column: 1;
        grid-row: 1;
        margin-top: 2px;
    }
    .hdc-commerce-account-page .woocommerce-MyAccount-content .woocommerce-info > .button {
        grid-column: 1 / -1;
        grid-row: auto;
        width: 100%;
        margin: 4px 0 0;
        white-space: normal;
    }
}


@media (hover: none) and (pointer: coarse) {
    .hdc-account-metric:hover,
    .hdc-account-dashboard__button:hover { transform: none; }
    .hdc-account-nav-toggle { min-height: 46px; }
}

@media (prefers-reduced-motion: reduce) {
    .hdc-commerce-account-page .woocommerce-MyAccount-navigation,
    .hdc-commerce-account-page .woocommerce-MyAccount-navigation a,
    .hdc-account-dashboard__button,
    .hdc-account-metric,
    .hdc-account-nav-toggle,
    .hdc-account-nav-toggle__glyph span { transition: none; }
}

/* Step 34 — premium View Order hierarchy and deterministic customer-address layout. */
.hdc-account-page-surface--view-order .hdc-account-page-surface__body {
    --hdc-view-order-soft: color-mix(in srgb, var(--hdc-account-subtle) 82%, var(--hdc-account-surface));
}

.hdc-account-page-surface--view-order .hdc-account-page-surface__body > p:first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin-bottom: 18px;
    padding: 13px 15px;
    border-color: color-mix(in srgb, var(--hdc-account-border) 86%, var(--hdc-account-link));
    background: var(--hdc-view-order-soft);
    color: var(--hdc-account-muted);
}

.hdc-account-page-surface--view-order .woocommerce-order-details,
.hdc-account-page-surface--view-order .woocommerce-customer-details,
.hdc-account-page-surface--view-order .woocommerce-order-downloads {
    min-width: 0;
}

.hdc-account-page-surface--view-order .woocommerce-order-details__title,
.hdc-account-page-surface--view-order .woocommerce-order-downloads__title,
.hdc-account-page-surface--view-order .woocommerce-customer-details > .woocommerce-column__title {
    margin: 20px 0 10px;
    font-size: 1.03rem;
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details {
    overflow: hidden;
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) - 1px);
    background: var(--hdc-account-surface);
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details thead th {
    padding-block: 12px;
    background: var(--hdc-view-order-soft);
    color: var(--hdc-account-text);
    font-size: .7rem;
    letter-spacing: .01em;
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details tbody td {
    padding-block: 12px;
    color: var(--hdc-account-muted);
    vertical-align: top;
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details .product-name > a {
    color: var(--hdc-account-link) !important;
    font-weight: 700;
    line-height: 1.45;
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details .product-name > a:hover,
.hdc-account-page-surface--view-order .woocommerce-table--order-details .product-name > a:focus-visible {
    color: var(--hdc-account-link-hover) !important;
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details .wc-item-meta,
.hdc-account-page-surface--view-order .woocommerce-table--order-details .wc-item-meta p {
    margin: 4px 0 0;
    color: var(--hdc-account-muted);
    font-size: .69rem;
    line-height: 1.45;
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details tfoot th,
.hdc-account-page-surface--view-order .woocommerce-table--order-details tfoot td {
    padding-block: 12px;
    background: var(--hdc-account-surface);
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details tfoot th {
    color: var(--hdc-account-text);
    font-weight: 700;
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details tfoot tr:last-child th,
.hdc-account-page-surface--view-order .woocommerce-table--order-details tfoot tr:last-child td {
    background: var(--hdc-view-order-soft);
    color: var(--hdc-account-text);
    font-size: .9rem;
    font-weight: 700;
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details .order-actions--heading + td {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details .order-actions-button {
    margin: 0;
    border: 1px solid var(--hdc-account-border) !important;
    background: var(--hdc-account-surface) !important;
    color: var(--hdc-account-link) !important;
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details .order-actions-button:hover,
.hdc-account-page-surface--view-order .woocommerce-table--order-details .order-actions-button:focus-visible {
    border-color: var(--hdc-account-link) !important;
    background: color-mix(in srgb, var(--hdc-account-link) 5%, var(--hdc-account-surface)) !important;
    color: var(--hdc-account-link-hover) !important;
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details .order-actions-button.pay {
    border-color: var(--hdc-primary-hover, var(--hdc-primary)) !important;
    background: var(--hdc-primary) !important;
    color: var(--hdc-account-solid-button-text, #ffffff) !important;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details .woocommerce-columns--addresses {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 16px;
    margin: 0;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details .woocommerce-columns--addresses::before,
.hdc-account-page-surface--view-order .woocommerce-customer-details .woocommerce-columns--addresses::after {
    display: none !important;
    content: none !important;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details .woocommerce-column {
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0;
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) - 1px);
    background: var(--hdc-account-surface);
    overflow: hidden;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details .woocommerce-column--billing-address {
    grid-column: 1;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details .woocommerce-column--shipping-address {
    grid-column: 2;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details .woocommerce-column__title {
    margin: 0;
    padding: 13px 15px;
    border-bottom: 1px solid var(--hdc-account-border);
    background: var(--hdc-view-order-soft);
    font-size: .86rem;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details .woocommerce-column address {
    min-height: 100%;
    margin: 0;
    padding: 15px;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details > .woocommerce-column__title + address {
    margin: 0;
    padding: 16px;
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) - 1px);
    background: var(--hdc-account-surface);
}

.hdc-account-page-surface--view-order .woocommerce-customer-details--phone,
.hdc-account-page-surface--view-order .woocommerce-customer-details--email {
    margin: 8px 0 0;
    padding-top: 8px;
    border-top: 1px dashed var(--hdc-account-border);
    color: var(--hdc-account-text);
    overflow-wrap: anywhere;
}

@media (max-width: 782px) {
    .hdc-account-page-surface--view-order .woocommerce-customer-details .woocommerce-columns--addresses {
        grid-template-columns: 1fr;
    }

    .hdc-account-page-surface--view-order .woocommerce-customer-details .woocommerce-column--billing-address,
    .hdc-account-page-surface--view-order .woocommerce-customer-details .woocommerce-column--shipping-address {
        grid-column: 1;
    }
}

@media (max-width: 600px) {
    .hdc-account-page-surface--view-order .woocommerce-table--order-details .order-actions--heading + td {
        align-items: stretch;
        flex-direction: column;
    }

    .hdc-account-page-surface--view-order .woocommerce-table--order-details .order-actions-button {
        width: 100%;
        text-align: center;
    }
}

/* Step 34 live-order address completion: when WooCommerce's shipping-to-billing
 * store setting intentionally suppresses its second native column, Commerce
 * presents the same WC_Order delivery address as a read-only Ship to card. */
.hdc-account-page-surface--view-order .woocommerce-customer-details {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0 16px;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details > .woocommerce-columns--addresses {
    grid-column: 1 / -1;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details > .woocommerce-column__title {
    grid-column: 1;
    margin: 0;
    padding: 13px 15px;
    border: 1px solid var(--hdc-account-border);
    border-bottom: 0;
    border-radius: calc(var(--hdc-radius, 14px) - 1px) calc(var(--hdc-radius, 14px) - 1px) 0 0;
    background: var(--hdc-view-order-soft);
    font-size: .86rem;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details > .woocommerce-column__title + address {
    grid-column: 1;
    margin: 0;
    padding: 15px;
    border: 1px solid var(--hdc-account-border);
    border-top: 0;
    border-radius: 0 0 calc(var(--hdc-radius, 14px) - 1px) calc(var(--hdc-radius, 14px) - 1px);
    background: var(--hdc-account-surface);
}

.hdc-view-order-shipping-fallback {
    grid-column: 2;
    grid-row: 1 / span 2;
    min-width: 0;
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) - 1px);
    background: var(--hdc-account-surface);
    overflow: hidden;
}

.hdc-view-order-shipping-fallback .woocommerce-column__title {
    margin: 0;
    padding: 13px 15px;
    border-bottom: 1px solid var(--hdc-account-border);
    background: var(--hdc-view-order-soft);
    font-size: .86rem;
}

.hdc-view-order-shipping-fallback address {
    margin: 0 !important;
    padding: 15px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

@media (max-width: 782px) {
    .hdc-account-page-surface--view-order .woocommerce-customer-details {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .hdc-account-page-surface--view-order .woocommerce-customer-details > .woocommerce-column__title,
    .hdc-account-page-surface--view-order .woocommerce-customer-details > .woocommerce-column__title + address,
    .hdc-account-page-surface--view-order .woocommerce-customer-details > .woocommerce-columns--addresses,
    .hdc-view-order-shipping-fallback {
        grid-column: 1;
    }

    .hdc-view-order-shipping-fallback {
        grid-row: auto;
    }
}

/* Step 35 — premium View Order overview, stronger table hierarchy and complete
 * Bill To / Ship To presentation while WooCommerce keeps business-data ownership. */
.hdc-account-page-surface--view-order .hdc-account-page-surface__body > p:first-child {
    display: none;
}

.hdc-view-order-overview {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 2px 0 20px;
}

.hdc-view-order-overview__item {
    display: grid;
    align-content: start;
    gap: 5px;
    min-width: 0;
    padding: 13px 14px;
    border: 1px solid var(--hdc-account-border);
    border-radius: calc(var(--hdc-radius, 14px) - 2px);
    background: var(--hdc-view-order-soft);
}

.hdc-view-order-overview__item > span {
    color: var(--hdc-account-muted);
    font-size: .67rem;
    font-weight: 700;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.hdc-view-order-overview__item > strong {
    min-width: 0;
    color: var(--hdc-account-text);
    font-size: .82rem;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.hdc-view-order-overview__item--total > strong {
    color: var(--hdc-account-link);
    font-size: .9rem;
}

.hdc-view-order-overview__status {
    width: fit-content;
    padding: 3px 8px;
    border: 1px solid color-mix(in srgb, var(--hdc-primary) 26%, var(--hdc-account-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--hdc-primary) 8%, var(--hdc-account-surface));
}

.hdc-account-page-surface--view-order .woocommerce-order-details__title {
    margin-top: 0;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--hdc-account-border);
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details {
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details tbody tr:hover td {
    background: color-mix(in srgb, var(--hdc-account-link) 2.5%, var(--hdc-account-surface));
}

.hdc-account-page-surface--view-order .woocommerce-table--order-details .product-total,
.hdc-account-page-surface--view-order .woocommerce-table--order-details tfoot td {
    text-align: right;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details {
    margin-top: 22px;
}

.hdc-account-page-surface--view-order .woocommerce-customer-details > .woocommerce-column__title,
.hdc-account-page-surface--view-order .woocommerce-customer-details .woocommerce-column__title,
.hdc-view-order-shipping-fallback .woocommerce-column__title {
    color: var(--hdc-account-text);
    font-weight: 700;
}

@media (max-width: 900px) {
    .hdc-view-order-overview {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .hdc-view-order-overview {
        grid-template-columns: 1fr;
    }
}