/* ═══ WC ACCOUNT — InkSide ════════════════════════════
 * Styles dédiés à /mon-compte/ (login, dashboard, orders,
 * addresses, edit-account, downloads, payment-methods).
 * Aligné design tokens. Zéro !important.
 * ══════════════════════════════════════════════════════ */

/* ── Wrapper principal (template my-account.php) ───── */
body.inkside-theme .ink-account {
    font-family: var(--ink-font);
    color: var(--ink-text);
    max-width: var(--ink-container-max);
    margin: 0 auto;
    padding: var(--ink-space-lg) var(--ink-container-padding);
}

body.inkside-theme .ink-account__header {
    margin-bottom: var(--ink-space-xl);
    padding-bottom: var(--ink-space-md);
    border-bottom: 1px solid var(--ink-border);
}

body.inkside-theme .ink-account__title {
    margin: 0 0 var(--ink-space-xs);
    font-size: var(--ink-font-size-2xl);
    font-weight: 800;
    color: var(--ink-text);
    line-height: 1.1;
}

body.inkside-theme .ink-account__sub {
    margin: 0;
    font-size: var(--ink-font-size-base);
    color: var(--ink-text-muted);
}

body.inkside-theme .ink-account__sub strong {
    color: var(--ink-primary);
    font-weight: 700;
}

body.inkside-theme .ink-account__layout {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: var(--ink-space-xl);
    align-items: start;
}

body.inkside-theme .ink-account__content {
    min-width: 0;
}

/* ── Neutralise les largeurs/float WooCommerce + Astra par défaut ── */
body.inkside-theme .ink-account .woocommerce-MyAccount-navigation,
body.inkside-theme .ink-account .woocommerce-MyAccount-content {
    width: 100%;
    max-width: none;
    float: none;
    margin: 0;
}

body.inkside-theme .ink-account .col2-set,
body.inkside-theme .ink-account .u-columns-2,
body.inkside-theme .ink-account .u-columns-3 {
    display: block;
    width: 100%;
    max-width: none;
}

body.inkside-theme .ink-account .col2-set::before,
body.inkside-theme .ink-account .col2-set::after,
body.inkside-theme .ink-account .u-columns-2::before,
body.inkside-theme .ink-account .u-columns-2::after { content: none; display: none; }

body.inkside-theme .ink-account .col-1,
body.inkside-theme .ink-account .col-2,
body.inkside-theme .ink-account .u-column1,
body.inkside-theme .ink-account .u-column2 {
    width: 100%;
    max-width: none;
    float: none;
    margin: 0;
    padding: 0;
}

/* ── Sidebar navigation (refactor) ───────────────────────── */
body.inkside-theme .woocommerce-MyAccount-navigation {
    background: var(--ink-bg);
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-lg);
    padding: 6px;
    position: sticky;
    top: var(--ink-space-lg);
}

body.inkside-theme .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body.inkside-theme .woocommerce-MyAccount-navigation ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
    border: none;
    float: none;
    display: block;
}

body.inkside-theme .woocommerce-MyAccount-navigation ul li::before,
body.inkside-theme .woocommerce-MyAccount-navigation ul li::after { content: none; display: none; }

/* Kill any Astra / 3rd party injected icon wrappers — we provide our own SVG inside <a>. */
body.inkside-theme .woocommerce-MyAccount-navigation ul li > svg,
body.inkside-theme .woocommerce-MyAccount-navigation ul li > i,
body.inkside-theme .woocommerce-MyAccount-navigation ul li > .ast-account-link-icon,
body.inkside-theme .woocommerce-MyAccount-navigation ul li > .menu-image,
body.inkside-theme .woocommerce-MyAccount-navigation ul li a > i:first-child,
body.inkside-theme .woocommerce-MyAccount-navigation ul li a > .ast-account-link-icon,
body.inkside-theme .woocommerce-MyAccount-navigation ul li a::before {
    display: none;
    content: none;
}
/* Hide any direct child SVG of <a> that is NOT our wrapped icon. */
body.inkside-theme .woocommerce-MyAccount-navigation ul li a > svg:first-child {
    display: none;
}

body.inkside-theme .woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 10px 12px;
    font-family: var(--ink-font);
    font-weight: 500;
    font-size: 14px;
    color: var(--ink-text);
    border-radius: var(--ink-radius-md);
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    transition: background var(--ink-transition-fast), color var(--ink-transition-fast);
}

body.inkside-theme .woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--ink-bg-muted);
    color: var(--ink-text);
}

body.inkside-theme .woocommerce-MyAccount-navigation ul li.is-active a,
body.inkside-theme .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a {
    background: var(--ink-primary, var(--ink-text));
    color: var(--ink-bg);
    font-weight: 600;
}

/* ── Dashboard intro ───────────────────────────────── */
body.inkside-theme .woocommerce-MyAccount-content > p:first-of-type {
    font-size: var(--ink-font-size-base);
    color: var(--ink-text);
    line-height: 1.6;
    margin-bottom: var(--ink-space-md);
}

body.inkside-theme .woocommerce-MyAccount-content h2,
body.inkside-theme .woocommerce-MyAccount-content h3 {
    font-family: var(--ink-font);
    font-weight: 700;
    color: var(--ink-text);
    margin: 0 0 var(--ink-space-md);
}

/* ── Orders table ──────────────────────────────────── */
body.inkside-theme .woocommerce-orders-table {
    width: 100%;
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-lg);
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    background: var(--ink-bg);
}

body.inkside-theme .woocommerce-orders-table thead th {
    font-weight: 600;
    font-size: var(--ink-font-size-xs);
    color: var(--ink-text-muted);
    background: var(--ink-bg-muted);
    padding: var(--ink-space-sm) var(--ink-space-md);
    border-bottom: 1px solid var(--ink-border);
    text-transform: uppercase;
    letter-spacing: .04em;
    text-align: left;
}

body.inkside-theme .woocommerce-orders-table tbody td {
    font-size: var(--ink-font-size-sm);
    padding: var(--ink-space-md);
    border-bottom: 1px solid var(--ink-border);
    vertical-align: middle;
    color: var(--ink-text);
}

body.inkside-theme .woocommerce-orders-table tbody tr:last-child td { border-bottom: none; }

body.inkside-theme .woocommerce-orders-table tbody tr:hover td {
    background: var(--ink-bg-muted);
}

body.inkside-theme .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
    font-weight: 700;
    color: var(--ink-primary);
    text-decoration: none;
}

body.inkside-theme .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover {
    color: var(--ink-primary-hover);
}

body.inkside-theme .woocommerce-orders-table .woocommerce-orders-table__cell-order-status {
    font-weight: 600;
    font-size: var(--ink-font-size-xs);
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--ink-text-muted);
}

body.inkside-theme .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions {
    text-align: right;
}

body.inkside-theme .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a {
    display: inline-flex;
    align-items: center;
    height: var(--ink-btn-height-sm);
    padding: 0 var(--ink-space-md);
    font-size: var(--ink-font-size-xs);
    font-weight: 600;
    color: var(--ink-primary);
    background: transparent;
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-md);
    text-decoration: none;
    margin-left: var(--ink-space-xs);
    transition: background var(--ink-transition-fast), border-color var(--ink-transition-fast), color var(--ink-transition-fast);
}

body.inkside-theme .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a:hover {
    background: var(--ink-primary);
    border-color: var(--ink-primary);
    color: #fff;
}

/* ── Order detail ──────────────────────────────────── */
body.inkside-theme .woocommerce-order-details,
body.inkside-theme .woocommerce-customer-details {
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-lg);
    background: var(--ink-bg);
    overflow: hidden;
    margin-bottom: var(--ink-space-xl);
}

body.inkside-theme .woocommerce-order-details .woocommerce-order-details__title,
body.inkside-theme .woocommerce-customer-details h2 {
    font-weight: 700;
    font-size: var(--ink-font-size-md);
    padding: var(--ink-space-md) var(--ink-space-lg);
    background: var(--ink-bg-muted);
    margin: 0;
    border-bottom: 1px solid var(--ink-border);
}

body.inkside-theme .woocommerce-order-details .order_details {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

body.inkside-theme .woocommerce-order-details .order_details thead th,
body.inkside-theme .woocommerce-order-details .order_details tbody td,
body.inkside-theme .woocommerce-order-details .order_details tfoot th,
body.inkside-theme .woocommerce-order-details .order_details tfoot td {
    font-size: var(--ink-font-size-sm);
    padding: var(--ink-space-sm) var(--ink-space-lg);
    border-bottom: 1px solid var(--ink-border);
    text-align: left;
}

body.inkside-theme .woocommerce-order-details .order_details thead th {
    background: var(--ink-bg-muted);
    color: var(--ink-text-muted);
    font-weight: 600;
    text-transform: uppercase;
    font-size: var(--ink-font-size-xs);
    letter-spacing: .04em;
}

body.inkside-theme .woocommerce-order-details .order_details tfoot tr:last-child th,
body.inkside-theme .woocommerce-order-details .order_details tfoot tr:last-child td {
    border-bottom: none;
}

body.inkside-theme .woocommerce-order-details .order_details tfoot tr:last-child td {
    font-weight: 800;
    font-size: var(--ink-font-size-md);
    color: var(--ink-price);
}

/* ── Addresses ─────────────────────────────────────── */
body.inkside-theme .woocommerce-Addresses {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--ink-space-md);
}

/* Woo wraps each address in .u-column1/.u-column2 — make them grid cells */
body.inkside-theme .woocommerce-Addresses > .u-column1,
body.inkside-theme .woocommerce-Addresses > .u-column2,
body.inkside-theme .woocommerce-Addresses > .col-1,
body.inkside-theme .woocommerce-Addresses > .col-2 {
    width: 100%;
    max-width: none;
    float: none;
    margin: 0;
    padding: 0;
    display: flex;
}

body.inkside-theme .woocommerce-Addresses > .u-column1 > .woocommerce-Address,
body.inkside-theme .woocommerce-Addresses > .u-column2 > .woocommerce-Address,
body.inkside-theme .woocommerce-Addresses > .col-1 > .woocommerce-Address,
body.inkside-theme .woocommerce-Addresses > .col-2 > .woocommerce-Address {
    flex: 1 1 auto;
    width: 100%;
}

body.inkside-theme .woocommerce-Address {
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-lg);
    background: var(--ink-bg);
    overflow: hidden;
}

body.inkside-theme .woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--ink-space-sm) var(--ink-space-lg);
    background: var(--ink-bg-muted);
    border-bottom: 1px solid var(--ink-border);
}

body.inkside-theme .woocommerce-Address-title h3 {
    font-weight: 700;
    font-size: var(--ink-font-size-base);
    margin: 0;
    color: var(--ink-text);
}

body.inkside-theme .woocommerce-Address-title a {
    font-size: var(--ink-font-size-xs);
    font-weight: 600;
    color: var(--ink-primary);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .04em;
}

body.inkside-theme .woocommerce-Address-title a:hover { color: var(--ink-primary-hover); }

body.inkside-theme .woocommerce-Address address {
    font-style: normal;
    font-size: var(--ink-font-size-sm);
    line-height: 1.6;
    color: var(--ink-text);
    padding: var(--ink-space-md) var(--ink-space-lg);
    margin: 0;
}

/* ── Forms (edit-account, edit-address) ───────────── */
body.inkside-theme .ink-account .form-row {
    margin-bottom: var(--ink-space-md);
}

body.inkside-theme .ink-account .form-row label {
    display: block;
    font-weight: 600;
    font-size: var(--ink-font-size-sm);
    color: var(--ink-text);
    margin-bottom: var(--ink-space-xs);
}

body.inkside-theme .ink-account .form-row input,
body.inkside-theme .ink-account .form-row select,
body.inkside-theme .ink-account .form-row textarea {
    font-family: var(--ink-font);
    font-size: 16px;
    height: var(--ink-btn-height);
    width: 100%;
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-md);
    padding: 0 var(--ink-space-md);
    color: var(--ink-text);
    background: var(--ink-bg);
    transition: border-color var(--ink-transition-fast), box-shadow var(--ink-transition-fast);
}

body.inkside-theme .ink-account .form-row textarea {
    height: auto;
    min-height: 120px;
    padding: var(--ink-space-sm) var(--ink-space-md);
    resize: vertical;
}

body.inkside-theme .ink-account .form-row input:focus,
body.inkside-theme .ink-account .form-row select:focus,
body.inkside-theme .ink-account .form-row textarea:focus {
    border-color: var(--ink-primary);
    box-shadow: 0 0 0 3px var(--ink-primary-ring);
    outline: none;
}

body.inkside-theme .ink-account fieldset {
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-lg);
    padding: var(--ink-space-lg);
    margin: var(--ink-space-lg) 0;
    background: var(--ink-bg);
}

body.inkside-theme .ink-account fieldset legend {
    font-weight: 700;
    font-size: var(--ink-font-size-base);
    color: var(--ink-text);
    padding: 0 var(--ink-space-sm);
}

/* ── Login / Register cards (form-login.php) ──────── */
body.inkside-theme .ink-account-auth {
    max-width: 880px;
    margin: 0 auto;
}

body.inkside-theme .ink-account-auth__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--ink-space-lg);
}

body.inkside-theme .ink-account-auth .u-column1,
body.inkside-theme .ink-account-auth .u-column2 {
    width: auto;
    float: none;
}

body.inkside-theme .ink-account-card {
    background: var(--ink-bg);
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-lg);
    padding: var(--ink-space-xl);
    box-shadow: var(--ink-shadow-sm);
}

body.inkside-theme .ink-account-card__header {
    margin-bottom: var(--ink-space-lg);
}

body.inkside-theme .ink-account-card__title {
    margin: 0 0 var(--ink-space-xs);
    font-size: var(--ink-font-size-xl);
    font-weight: 800;
    color: var(--ink-text);
}

body.inkside-theme .ink-account-card__sub {
    margin: 0;
    font-size: var(--ink-font-size-sm);
    color: var(--ink-text-muted);
}

body.inkside-theme .ink-account-card__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--ink-space-sm);
}

body.inkside-theme .ink-account-card__link {
    font-size: var(--ink-font-size-sm);
    color: var(--ink-primary);
    font-weight: 600;
    text-decoration: none;
}

body.inkside-theme .ink-account-card__link:hover { color: var(--ink-primary-hover); }

body.inkside-theme .ink-account-card .woocommerce-form-login__rememberme {
    display: inline-flex;
    align-items: center;
    gap: var(--ink-space-sm);
    font-size: var(--ink-font-size-sm);
    color: var(--ink-text-muted);
    cursor: pointer;
    margin: 0;
}

body.inkside-theme .ink-account-card .woocommerce-form-login__rememberme input { accent-color: var(--ink-primary); }

body.inkside-theme .ink-account-card .form-row { margin-bottom: var(--ink-space-md); }

body.inkside-theme .ink-account-card .form-row label {
    display: block;
    font-weight: 600;
    font-size: var(--ink-font-size-sm);
    color: var(--ink-text);
    margin-bottom: var(--ink-space-xs);
}

body.inkside-theme .ink-account-card .form-row label .required {
    color: var(--ink-red);
    margin-left: 2px;
    text-decoration: none;
}

body.inkside-theme .ink-account-card .input-text {
    font-family: var(--ink-font);
    font-size: 16px;
    height: var(--ink-btn-height);
    width: 100%;
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-md);
    padding: 0 var(--ink-space-md);
    color: var(--ink-text);
    background: var(--ink-bg);
    transition: border-color var(--ink-transition-fast), box-shadow var(--ink-transition-fast);
}

body.inkside-theme .ink-account-card .input-text:focus {
    border-color: var(--ink-primary);
    box-shadow: 0 0 0 3px var(--ink-primary-ring);
    outline: none;
}

/* ── Downloads ─────────────────────────────────────── */
body.inkside-theme .woocommerce-table--order-downloads {
    width: 100%;
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-lg);
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--ink-bg);
}

body.inkside-theme .woocommerce-table--order-downloads thead th {
    font-weight: 600;
    font-size: var(--ink-font-size-xs);
    color: var(--ink-text-muted);
    background: var(--ink-bg-muted);
    padding: var(--ink-space-sm) var(--ink-space-md);
    border-bottom: 1px solid var(--ink-border);
    text-transform: uppercase;
    letter-spacing: .04em;
    text-align: left;
}

body.inkside-theme .woocommerce-table--order-downloads tbody td {
    font-size: var(--ink-font-size-sm);
    padding: var(--ink-space-md);
    border-bottom: 1px solid var(--ink-border);
}

body.inkside-theme .woocommerce-table--order-downloads tbody tr:last-child td { border-bottom: none; }

/* ── Payment methods ──────────────────────────────── */
body.inkside-theme .woocommerce-PaymentMethods {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--ink-space-sm);
}

body.inkside-theme .woocommerce-PaymentMethod {
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-md);
    padding: var(--ink-space-md);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--ink-bg);
}

body.inkside-theme .woocommerce-PaymentMethod .payment-method-title {
    font-weight: 600;
    color: var(--ink-text);
}

body.inkside-theme .woocommerce-PaymentMethod .payment-method-actions a {
    font-size: var(--ink-font-size-sm);
    font-weight: 600;
    color: var(--ink-primary);
    text-decoration: none;
}

body.inkside-theme .woocommerce-PaymentMethod .payment-method-actions a.delete { color: var(--ink-red); }

/* ── Empty states ─────────────────────────────────── */
body.inkside-theme .ink-account .woocommerce-info,
body.inkside-theme .ink-account .woocommerce-message {
    border-radius: var(--ink-radius-md);
}

/* ── Responsive ───────────────────────────────────── */
@media (max-width: 768px) {
    body.inkside-theme .ink-account__layout {
        grid-template-columns: 1fr;
        gap: var(--ink-space-md);
    }

    body.inkside-theme .woocommerce-MyAccount-navigation ul {
        flex-direction: row;
        flex-wrap: wrap;
        gap: var(--ink-space-xs);
    }

    body.inkside-theme .woocommerce-MyAccount-navigation ul li a {
        font-size: var(--ink-font-size-xs);
        padding: var(--ink-space-xs) var(--ink-space-sm);
        white-space: nowrap;
    }

    body.inkside-theme .ink-account-auth__grid {
        grid-template-columns: 1fr;
    }

    body.inkside-theme .ink-account-card {
        padding: var(--ink-space-lg);
    }

    body.inkside-theme .woocommerce-Addresses {
        grid-template-columns: 1fr;
    }

    /* Orders table → cards */
    body.inkside-theme .woocommerce-orders-table thead { display: none; }

    body.inkside-theme .woocommerce-orders-table,
    body.inkside-theme .woocommerce-orders-table tbody,
    body.inkside-theme .woocommerce-orders-table tr,
    body.inkside-theme .woocommerce-orders-table td {
        display: block;
        width: 100%;
    }

    body.inkside-theme .woocommerce-orders-table tbody tr {
        border: 1px solid var(--ink-border);
        border-radius: var(--ink-radius-md);
        margin-bottom: var(--ink-space-sm);
        padding: var(--ink-space-sm);
        background: var(--ink-bg);
    }

    body.inkside-theme .woocommerce-orders-table tbody td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--ink-space-xs) 0;
        border-bottom: 1px dashed var(--ink-border);
        text-align: right;
    }

    body.inkside-theme .woocommerce-orders-table tbody td:last-child { border-bottom: none; }

    body.inkside-theme .woocommerce-orders-table tbody td::before {
        content: attr(data-title);
        font-weight: 600;
        color: var(--ink-text-muted);
        font-size: var(--ink-font-size-xs);
        text-transform: uppercase;
        letter-spacing: .04em;
        text-align: left;
    }
}

/* ═══ V2 — Hero, nav icons, dashboard ════════════════════════════ */

/* ── Hero header ── */
body.inkside-theme .ink-account__hero {
    display: flex;
    align-items: center;
    gap: var(--ink-space-lg);
    padding: var(--ink-space-lg);
    margin-bottom: var(--ink-space-xl);
    background: linear-gradient(135deg, var(--ink-bg-muted) 0%, var(--ink-bg) 100%);
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-xl, 16px);
    position: relative;
    overflow: hidden;
}
body.inkside-theme .ink-account__hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, var(--ink-primary-ring, transparent), transparent 60%);
    opacity: .35;
    pointer-events: none;
}
body.inkside-theme .ink-account__avatar {
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--ink-primary, var(--ink-text));
    color: var(--ink-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 22px;
    font-family: var(--ink-font);
    flex-shrink: 0;
    box-shadow: 0 4px 16px rgba(0,0,0,.12);
}
body.inkside-theme .ink-account__hero-text { position: relative; flex: 1; min-width: 0; }
body.inkside-theme .ink-account__hero-eyebrow {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--ink-text-muted);
}
body.inkside-theme .ink-account__hero-title {
    margin: 0 0 4px;
    font-size: clamp(20px, 2.4vw, 28px);
    font-weight: 800;
    color: var(--ink-text);
    line-height: 1.15;
}
body.inkside-theme .ink-account__hero-sub {
    margin: 0;
    font-size: var(--ink-font-size-sm);
    color: var(--ink-text-muted);
}
body.inkside-theme .ink-account__hero-logout {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: var(--ink-bg);
    color: var(--ink-text);
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-md, 10px);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    flex-shrink: 0;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
body.inkside-theme .ink-account__hero-logout:hover {
    background: var(--ink-text);
    color: var(--ink-bg);
    border-color: var(--ink-text);
}

/* ── Nav with icons (sidebar) ── */
body.inkside-theme .ink-acc-nav-wrap { display: contents; }
body.inkside-theme .woocommerce-MyAccount-navigation ul li a .ink-acc-nav__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: currentColor;
    flex-shrink: 0;
    opacity: .8;
}
body.inkside-theme .woocommerce-MyAccount-navigation ul li a .ink-acc-nav__icon svg {
    width: 100%;
    height: 100%;
}
body.inkside-theme .woocommerce-MyAccount-navigation ul li.is-active a .ink-acc-nav__icon,
body.inkside-theme .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a .ink-acc-nav__icon {
    opacity: 1;
}
body.inkside-theme .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: var(--ink-space-sm);
    padding-top: var(--ink-space-sm);
    border-top: 1px solid var(--ink-border);
}
body.inkside-theme .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: var(--ink-text-muted);
}
body.inkside-theme .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    color: var(--ink-red, #dc2626);
    background: var(--ink-bg);
}

/* ── Dashboard: stat cards ── */
body.inkside-theme .ink-acc-dash {
    display: flex;
    flex-direction: column;
    gap: var(--ink-space-lg);
}
body.inkside-theme .ink-acc-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--ink-space-md);
}
body.inkside-theme .ink-acc-stat {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: var(--ink-space-md) var(--ink-space-lg);
    background: var(--ink-bg);
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-lg, 14px);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
body.inkside-theme .ink-acc-stat:hover {
    transform: translateY(-2px);
    box-shadow: var(--ink-shadow-md, 0 8px 24px rgba(0,0,0,.06));
    border-color: var(--ink-text-muted);
}
body.inkside-theme .ink-acc-stat__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--ink-bg-muted);
    color: var(--ink-text);
    flex-shrink: 0;
}
body.inkside-theme .ink-acc-stat__icon--blue   { background: rgba(59, 130, 246, .12); color: rgb(37, 99, 235); }
body.inkside-theme .ink-acc-stat__icon--amber  { background: rgba(245, 158, 11, .14); color: rgb(217, 119, 6); }
body.inkside-theme .ink-acc-stat__icon--green  { background: rgba(34, 197, 94, .14); color: rgb(22, 163, 74); }
body.inkside-theme .ink-acc-stat__body {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    min-width: 0;
}
body.inkside-theme .ink-acc-stat__value {
    font-size: 22px;
    font-weight: 800;
    color: var(--ink-text);
    font-family: var(--ink-font);
}
body.inkside-theme .ink-acc-stat__value .woocommerce-Price-amount,
body.inkside-theme .ink-acc-stat__value bdi { font: inherit; color: inherit; }
body.inkside-theme .ink-acc-stat__label {
    font-size: 12px;
    color: var(--ink-text-muted);
    margin-top: 2px;
}

/* ── Dashboard grid (orders + shortcuts) ── */
body.inkside-theme .ink-acc-dash__grid {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: var(--ink-space-lg);
}
body.inkside-theme .ink-acc-card {
    background: var(--ink-bg);
    border: 1px solid var(--ink-border);
    border-radius: var(--ink-radius-lg, 14px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
body.inkside-theme .ink-acc-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--ink-space-md) var(--ink-space-lg);
    border-bottom: 1px solid var(--ink-border);
}
body.inkside-theme .ink-acc-card__title {
    margin: 0;
    font-size: var(--ink-font-size-md, 16px);
    font-weight: 700;
    color: var(--ink-text);
}
body.inkside-theme .ink-acc-card__link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    color: var(--ink-text-muted);
    text-decoration: none;
    transition: color .15s ease, gap .15s ease;
}
body.inkside-theme .ink-acc-card__link:hover {
    color: var(--ink-text);
    gap: 6px;
}

/* Orders list */
body.inkside-theme .ink-acc-orders {
    list-style: none;
    margin: 0;
    padding: 0;
}
body.inkside-theme .ink-acc-order {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    align-items: center;
    gap: var(--ink-space-md);
    padding: 14px var(--ink-space-lg);
    border-bottom: 1px solid var(--ink-border);
    transition: background-color .15s ease;
}
body.inkside-theme .ink-acc-order:last-child { border-bottom: none; }
body.inkside-theme .ink-acc-order:hover { background: var(--ink-bg-muted); }
body.inkside-theme .ink-acc-order__main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.inkside-theme .ink-acc-order__num {
    font-weight: 700;
    color: var(--ink-text);
    text-decoration: none;
    font-size: 14px;
}
body.inkside-theme .ink-acc-order__num:hover { color: var(--ink-primary, var(--ink-text)); }
body.inkside-theme .ink-acc-order__date { font-size: 12px; color: var(--ink-text-muted); }
body.inkside-theme .ink-acc-order__meta { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
body.inkside-theme .ink-acc-order__items { font-size: 12px; color: var(--ink-text-muted); }
body.inkside-theme .ink-acc-order__total { font-weight: 700; color: var(--ink-text); white-space: nowrap; }
body.inkside-theme .ink-acc-order__total bdi, body.inkside-theme .ink-acc-order__total .woocommerce-Price-amount { font: inherit; color: inherit; }
body.inkside-theme .ink-acc-order__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: var(--ink-bg-muted);
    color: var(--ink-text-muted);
    text-decoration: none;
    transition: background-color .15s ease, color .15s ease;
}
body.inkside-theme .ink-acc-order__cta:hover { background: var(--ink-text); color: var(--ink-bg); }

/* Status pills */
body.inkside-theme .ink-acc-status {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    background: var(--ink-bg-muted);
    color: var(--ink-text-muted);
    white-space: nowrap;
}
body.inkside-theme .ink-acc-status--completed { background: rgba(34,197,94,.14); color: rgb(22,163,74); }
body.inkside-theme .ink-acc-status--processing { background: rgba(59,130,246,.14); color: rgb(37,99,235); }
body.inkside-theme .ink-acc-status--on-hold,
body.inkside-theme .ink-acc-status--pending { background: rgba(245,158,11,.16); color: rgb(180,83,9); }
body.inkside-theme .ink-acc-status--cancelled,
body.inkside-theme .ink-acc-status--failed,
body.inkside-theme .ink-acc-status--refunded { background: rgba(220,38,38,.12); color: rgb(185,28,28); }

/* Empty state */
body.inkside-theme .ink-acc-empty {
    padding: var(--ink-space-xl) var(--ink-space-lg);
    text-align: center;
    color: var(--ink-text-muted);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--ink-space-md);
}
body.inkside-theme .ink-acc-empty p { margin: 0; }

/* Shortcuts */
body.inkside-theme .ink-acc-shortcuts {
    padding: var(--ink-space-md);
    display: flex;
    flex-direction: column;
    gap: 8px;
}
body.inkside-theme .ink-acc-shortcut {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border-radius: var(--ink-radius-md, 10px);
    text-decoration: none;
    color: var(--ink-text);
    transition: background-color .15s ease, transform .15s ease;
    border: 1px solid transparent;
}
body.inkside-theme .ink-acc-shortcut:hover {
    background: var(--ink-bg-muted);
    border-color: var(--ink-border);
    transform: translateX(2px);
}
body.inkside-theme .ink-acc-shortcut__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: var(--ink-bg-muted);
    color: var(--ink-text);
    flex-shrink: 0;
}
body.inkside-theme .ink-acc-shortcut:hover .ink-acc-shortcut__icon {
    background: var(--ink-text);
    color: var(--ink-bg);
}
body.inkside-theme .ink-acc-shortcut__icon svg { width: 18px; height: 18px; }
body.inkside-theme .ink-acc-shortcut__text { display: flex; flex-direction: column; min-width: 0; }
body.inkside-theme .ink-acc-shortcut__text strong { font-size: 14px; font-weight: 600; }
body.inkside-theme .ink-acc-shortcut__text small { font-size: 12px; color: var(--ink-text-muted); }

/* ── Responsive ── */
@media (max-width: 900px) {
    body.inkside-theme .ink-acc-dash__grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    body.inkside-theme .ink-account__hero {
        flex-wrap: wrap;
        padding: var(--ink-space-md);
        gap: var(--ink-space-md);
    }
    body.inkside-theme .ink-account__hero-logout {
        order: 3;
        width: 100%;
        justify-content: center;
    }
    body.inkside-theme .ink-acc-order {
        grid-template-columns: 1fr auto;
        gap: 8px;
    }
    body.inkside-theme .ink-acc-order__meta { grid-column: 2; }
    body.inkside-theme .ink-acc-order__total { grid-column: 1; grid-row: 2; }
    body.inkside-theme .ink-acc-order__cta { grid-column: 2; grid-row: 2; justify-self: end; }
}

/* ═══ V3 — Profile snapshot + sub-page headers ════════════════════════ */

/* Sub-page header injected on /orders, /downloads, /edit-address, /edit-account */
body.inkside-theme .ink-acc-pageheader {
    margin: 0 0 var(--ink-space-lg);
    padding: 0 0 var(--ink-space-md);
    border-bottom: 1px solid var(--ink-border);
}
body.inkside-theme .ink-acc-pageheader__title {
    margin: 0 0 4px;
    font-size: clamp(20px, 2.2vw, 26px);
    font-weight: 800;
    color: var(--ink-text);
    line-height: 1.15;
    font-family: var(--ink-font);
}
body.inkside-theme .ink-acc-pageheader__sub {
    margin: 0;
    font-size: var(--ink-font-size-sm);
    color: var(--ink-text-muted);
}

/* Profile snapshot card (replaces shortcuts) */
body.inkside-theme .ink-acc-profile {
    padding: var(--ink-space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--ink-space-md);
}
body.inkside-theme .ink-acc-info {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
body.inkside-theme .ink-acc-info__row {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
body.inkside-theme .ink-acc-info__row dt {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--ink-text-muted);
    margin: 0;
}
body.inkside-theme .ink-acc-info__row dd {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--ink-text);
    word-break: break-word;
}
body.inkside-theme .ink-acc-profile__divider {
    height: 1px;
    background: var(--ink-border);
    margin: 4px 0;
}
body.inkside-theme .ink-acc-profile__address-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}
body.inkside-theme .ink-acc-profile__address-head h3 {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--ink-text-muted);
}
body.inkside-theme .ink-acc-profile__address-head a {
    font-size: 12px;
    font-weight: 600;
    color: var(--ink-text-muted);
    text-decoration: none;
    transition: color .15s ease;
}
body.inkside-theme .ink-acc-profile__address-head a:hover { color: var(--ink-text); }
body.inkside-theme .ink-acc-profile__address address {
    font-style: normal;
    font-size: 13px;
    line-height: 1.55;
    color: var(--ink-text);
}
body.inkside-theme .ink-acc-profile__empty {
    margin: 0;
    font-size: 13px;
    color: var(--ink-text-muted);
    font-style: italic;
}

/* Tighten dashboard grid columns now that right side is profile snapshot */
body.inkside-theme .ink-acc-dash__grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
}

@media (max-width: 960px) {
    body.inkside-theme .ink-acc-dash__grid { grid-template-columns: 1fr; }
}

/* Mobile: sidebar becomes scrollable horizontal pills, no longer sticky */
@media (max-width: 768px) {
    body.inkside-theme .woocommerce-MyAccount-navigation {
        position: static;
        padding: 4px;
        overflow-x: auto;
    }
    body.inkside-theme .woocommerce-MyAccount-navigation ul {
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 4px;
    }
    body.inkside-theme .woocommerce-MyAccount-navigation ul li a { padding: 8px 12px; font-size: 13px; }
    body.inkside-theme .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
        border-left: 1px solid var(--ink-border);
        margin-left: 4px;
        padding-left: 4px;
    }
}