/**
 * WC Custom My Account - Neo-Brutalist v1.6.0
 */

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@400;500;600;700;800;900&family=Bangers&family=JetBrains+Mono:wght@400;500;700&display=swap');

.woocommerce-account .woocommerce {
    --wccma-accent: #00C8E0;
    --wccma-alt: #FF1F8F;
    --wccma-good: #2BC471;
    --wccma-warn: #FFD400;
    --wccma-ink: #0A0A0B;
    --wccma-paper: #fff;
    --wccma-bg: #FAF9F4;
    --wccma-muted: #6B6358;
    --wccma-display: 'Bangers', 'Archivo Black', sans-serif;
    --wccma-heavy: 'Archivo Black', sans-serif;
    --wccma-body: 'Archivo', sans-serif;
    --wccma-mono: 'JetBrains Mono', monospace;
    font-family: var(--wccma-body);
    color: var(--wccma-ink);
    background: var(--wccma-bg);
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Ccircle cx='2' cy='2' r='1' fill='%23000' fill-opacity='0.10'/%3E%3C/svg%3E");
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
}
.woocommerce-account .woocommerce *,
.woocommerce-account .woocommerce *::before,
.woocommerce-account .woocommerce *::after {
    box-sizing: border-box;
}
.woocommerce-account .woocommerce a {
    color: inherit;
    text-decoration: none;
}
.woocommerce-account .woocommerce img {
    display: block;
    max-width: 100%;
}

/* Hide default WC navigation - we have our own */
.woocommerce-account .woocommerce-MyAccount-navigation { display: none !important; }
.woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; float: none !important; }

/* Force-show theme header/footer on My Account in case the theme or a
   funnel builder (CartFlows / FunnelKit) is hiding them. Targets the
   common selectors across major WP themes. */
body.woocommerce-account header[role="banner"],
body.woocommerce-account footer[role="contentinfo"],
body.woocommerce-account .site-header,
body.woocommerce-account .site-footer,
body.woocommerce-account #masthead,
body.woocommerce-account #colophon,
body.woocommerce-account .header-wrapper,
body.woocommerce-account .footer-wrapper,
body.woocommerce-account #site-header,
body.woocommerce-account #site-footer,
body.woocommerce-account #header,
body.woocommerce-account #footer,
body.woocommerce-account .main-header,
body.woocommerce-account .main-footer,
body.woocommerce-account .global-header,
body.woocommerce-account .global-footer {
    display: revert !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
}

/* =============== HERO HEADER =============== */
.wccma-hero {
    max-width: 1320px;
    margin: 0 auto;
    padding: 48px 24px 24px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 24px;
    align-items: center;
    position: relative;
}
.wccma-hero::before {
    content: "";
    position: absolute;
    top: -60px;
    left: -60px;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(0, 200, 224, 0.30), transparent 65%);
    filter: blur(50px);
    pointer-events: none;
    z-index: 0;
}
.wccma-hero > * { position: relative; z-index: 1; }

.wccma-hero-avatar {
    width: 96px;
    height: 96px;
    background: #fff;
    border: 4px solid #000;
    box-shadow: 6px 6px 0 var(--wccma-accent);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--wccma-display);
    font-size: 42px;
    color: #000;
    overflow: hidden;
    cursor: pointer;
}
.wccma-hero-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wccma-hero-avatar .wccma-avatar-edit {
    position: absolute;
    bottom: -12px;
    right: -12px;
    width: 32px;
    height: 32px;
    background: var(--wccma-accent);
    border: 3px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--wccma-heavy);
    font-size: 14px;
    cursor: pointer;
    z-index: 2;
}
.wccma-hero-avatar input[type="file"] { display: none; }

.wccma-hero-who { display: flex; flex-direction: column; gap: 4px; }
.wccma-hero-tag {
    display: inline-block;
    width: fit-content;
    padding: 5px 12px;
    background: #000;
    color: var(--wccma-accent);
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.wccma-hero-who h1 {
    font-family: var(--wccma-display);
    font-size: clamp(40px, 5vw, 64px);
    line-height: .92;
    margin: 0;
    letter-spacing: .02em;
    color: #000;
}
.wccma-hero-who h1 .wccma-accent {
    color: var(--wccma-accent);
    filter: drop-shadow(3px 3px 0 #000);
}
.wccma-hero-sub {
    font-size: 14px;
    color: #1a1a1a;
    margin: 4px 0 0;
    font-family: var(--wccma-body);
}
.wccma-hero-signout {
    font-family: var(--wccma-heavy);
    font-size: 11px;
    letter-spacing: .2em;
    text-transform: uppercase;
    background: #fff;
    border: 4px solid #000;
    box-shadow: 4px 4px 0 #000;
    padding: 14px 20px;
    cursor: pointer;
    color: #000;
    transition: transform .1s, box-shadow .1s;
    text-decoration: none;
    display: inline-block;
}
.wccma-hero-signout:hover {
    transform: translate(2px, 2px);
    box-shadow: 2px 2px 0 #000;
    color: #000;
}

/* =============== LAYOUT =============== */
.wccma-account-wrapper {
    max-width: 1320px;
    margin: 0 auto;
    padding: 12px 32px 72px;
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 44px;
    align-items: flex-start;
    background: transparent;
}
/* Mobile wrapper: hidden on desktop. The template always emits both
   wrappers; this is what makes only one visible per viewport. */
.wccma-mobile-wrapper { display: none; }
@media (max-width: 960px) {
    .wccma-account-wrapper { display: none; }
    .wccma-mobile-wrapper { display: block; }
}

/* =============== MOBILE MY-ACCOUNT MENU =============== */
.wccma-mobile-wrapper { background: transparent; }
.wccma-mobile-header {
    padding: 18px 20px 8px;
}
.wccma-mobile-header h1 {
    font-family: var(--wccma-font-heading, 'Oswald', sans-serif);
    font-size: 28px;
    margin: 0;
    color: #000;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.wccma-mobile-content-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    border-bottom: 2px solid #000;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
}
.wccma-mobile-content-header h1 {
    font-family: var(--wccma-font-heading, 'Oswald', sans-serif);
    font-size: 22px;
    margin: 0;
    color: #000;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.wccma-mobile-back {
    width: 36px;
    height: 36px;
    background: #fff;
    border: 2px solid #000;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-shadow: 2px 2px 0 #000;
}
.wccma-mobile-back svg { width: 18px; height: 18px; flex-shrink: 0; }
.wccma-mobile-content-body { padding: 18px 18px 80px; }

.wccma-mobile-menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 16px 24px;
}
.wccma-mobile-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    background: #fff;
    border: 2.5px solid #000;
    border-radius: 0;
    box-shadow: 4px 4px 0 #000;
    color: #000;
    text-decoration: none;
    font-family: var(--wccma-font-heading, 'Oswald', sans-serif);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.wccma-mobile-item:hover { background: #f7f5ee; }
.wccma-mobile-item.wccma-mobile-logout { color: #b91c1c; }
.wccma-mobile-icon {
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wccma-mobile-icon svg { width: 22px; height: 22px; display: block; }
.wccma-mobile-item > span { flex: 1; }
.wccma-chevron { width: 16px; height: 16px; flex-shrink: 0; opacity: .6; }

.wccma-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 48px 20px;
    color: #555;
}
.wccma-spinner {
    width: 32px;
    height: 32px;
    border: 3px solid #e4e1d8;
    border-top-color: #000;
    border-radius: 50%;
    animation: wccma-spin .8s linear infinite;
}

/* Defensive: keep ANY SVG inside the mobile wrapper from rendering at
   default browser SVG size (300x150) if a new icon slot isn't styled. */
.wccma-mobile-wrapper svg {
    max-width: 28px;
    max-height: 28px;
    width: auto;
    height: auto;
}

/* =============== SIDEBAR =============== */
.wccma-sidebar {
    background: #fff;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 #000;
    padding: 8px;
    position: sticky;
    top: 24px;
}
.wccma-sidebar-brand,
.wccma-sidebar-profile,
.wccma-home-link { display: none; }

.wccma-sidebar-nav { display: flex; flex-direction: column; }
.wccma-nav-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    font-family: var(--wccma-heavy);
    font-size: 13px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #000 !important;
    border-bottom: 2px solid #f0eee5;
    transition: background .15s;
    text-decoration: none;
}
.wccma-nav-item:last-child { border-bottom: none; }
.wccma-nav-item:hover { background: #f7f5ee; color: #000 !important; }
.wccma-nav-item.wccma-nav-active {
    background: #000;
    color: var(--wccma-accent) !important;
}
.wccma-nav-item svg { width: 18px; height: 18px; flex-shrink: 0; }
.wccma-nav-badge {
    margin-left: auto;
    background: var(--wccma-accent);
    color: #000;
    font-family: var(--wccma-mono);
    font-size: 10px;
    letter-spacing: .1em;
    padding: 3px 8px;
    border: 2px solid #000;
    font-weight: 700;
}
.wccma-nav-active .wccma-nav-badge { background: #fff; color: #000; }

/* =============== MAIN =============== */
.wccma-main { display: flex; flex-direction: column; gap: 24px; }
.wccma-tab-bar { display: none; }

.wccma-content { display: flex; flex-direction: column; gap: 64px; }
.wccma-content > .wccma-page-title { display: none; }
.wccma-content-inner { display: flex; flex-direction: column; gap: 64px; }
/* The dashboard template wrapper — this is what actually contains the stat
   grid + dash row + climb + reward rows. Was missing CSS entirely so rows
   stacked with zero gap regardless of .wccma-content-inner. */
.wccma-dashboard {
    display: flex !important;
    flex-direction: column !important;
    gap: 56px !important;
}

/* =============== PANELS =============== */
.wccma-panel,
.wccma-card {
    background: #fff;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 #000;
    padding: 28px;
}
.wccma-panel-head,
.wccma-card-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    border: none;
    padding: 0;
}
.wccma-panel-tag {
    display: inline-block;
    padding: 5px 12px;
    background: #000;
    color: var(--wccma-accent);
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.wccma-panel h2,
.wccma-card-title {
    font-family: var(--wccma-display);
    font-size: 36px;
    line-height: .95;
    margin: 0;
    letter-spacing: .02em;
    color: #000;
    font-weight: 400;
}
.wccma-panel h2 .wccma-accent,
.wccma-card-title .wccma-accent {
    color: var(--wccma-accent);
    filter: drop-shadow(2px 2px 0 #000);
}
.wccma-meta-line {
    font-family: var(--wccma-mono);
    font-size: 11px;
    letter-spacing: .15em;
    color: var(--wccma-muted);
    text-transform: uppercase;
}
.wccma-link-arrow {
    font-family: var(--wccma-heavy);
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #000;
    border-bottom: 2px solid #000;
    padding-bottom: 1px;
    text-decoration: none;
}

/* =============== STAT CARDS =============== */
.wccma-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}
@media (max-width: 900px) { .wccma-stat-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } }
.wccma-stat-card {
    padding: 20px;
    border: 4px solid #000;
    background: #fff;
    box-shadow: 6px 6px 0 #000;
    position: relative;
}
.wccma-stat-label {
    display: block;
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--wccma-muted);
    margin: 0;
}
.wccma-stat-value {
    display: block;
    font-family: var(--wccma-heavy);
    font-size: 36px;
    color: #000;
    line-height: 1;
    margin: 8px 0 0;
    letter-spacing: -.02em;
}
.wccma-stat-sub {
    display: block;
    font-size: 11px;
    color: #1a1a1a;
    font-family: var(--wccma-mono);
    font-weight: 700;
    letter-spacing: .1em;
    margin: 6px 0 0;
}
.wccma-stat-card.wccma-stat-lids {
    background: #000;
    color: #fff;
    box-shadow: 6px 6px 0 #000;
}
.wccma-stat-lids .wccma-stat-label { color: #888; }
.wccma-stat-lids .wccma-stat-value {
    color: var(--wccma-accent);
    font-family: var(--wccma-display);
    font-size: 48px;
    letter-spacing: .04em;
    filter: drop-shadow(3px 3px 0 #000);
}
.wccma-stat-lids .wccma-stat-sub { color: #aaa; }

/* =============== DASH ROW (orders + lids) =============== */
.wccma-dash-row {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 32px;
}
@media (max-width: 1100px) { .wccma-dash-row { grid-template-columns: 1fr; gap: 24px; } }

/* =============== TABLES =============== */
.wccma-table-wrapper { overflow-x: auto; }
.wccma-table,
.woocommerce-account .woocommerce table.shop_table {
    width: 100%;
    border-collapse: collapse;
    background: transparent;
    border: none;
    border-radius: 0;
}
.wccma-table th,
.woocommerce-account .woocommerce table.shop_table th {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--wccma-muted);
    text-align: left;
    padding: 10px 12px;
    border-bottom: 3px solid #000;
    background: #fafafa;
}
.wccma-table td,
.woocommerce-account .woocommerce table.shop_table td {
    padding: 16px 12px;
    border-bottom: 2px solid #f0eee5;
    font-size: 13px;
    font-family: var(--wccma-body);
    color: #000;
}
.wccma-table tr:last-child td,
.woocommerce-account .woocommerce table.shop_table tr:last-child td { border-bottom: none; }
.wccma-text-right { text-align: right; }
.wccma-text-muted { color: var(--wccma-muted); }
.wccma-font-semibold { font-family: var(--wccma-heavy); font-weight: 400; }
.wccma-text-primary { color: var(--wccma-accent); filter: drop-shadow(1px 1px 0 #000); }
.wccma-text-danger { color: var(--wccma-alt); }

.wccma-order-link {
    font-family: var(--wccma-heavy);
    font-size: 13px;
    color: #000;
}
.wccma-order-link:hover { color: var(--wccma-accent); }

/* =============== STATUS BADGES =============== */
.wccma-status {
    display: inline-block;
    padding: 3px 10px;
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    border: 2px solid #000;
    background: #fff;
    color: #000;
}
.wccma-status-completed { background: var(--wccma-good); color: #000; }
.wccma-status-processing { background: var(--wccma-accent); color: #000; }
.wccma-status-on-hold { background: var(--wccma-warn); color: #000; }
.wccma-status-cancelled,
.wccma-status-failed,
.wccma-status-refunded { background: var(--wccma-alt); color: #fff; }
.wccma-status-pending { background: #fff; color: #000; }

/* =============== LIDS BIG CARD (dashboard right column) =============== */
.wccma-lids-card {
    background: #2a2a2a;
    color: #fff;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 #000;
    padding: 28px;
    position: relative;
    overflow: hidden;
}
.wccma-lids-card::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .10;
    pointer-events: none;
    background-image: radial-gradient(circle, var(--wccma-accent) 1.5px, transparent 1.8px);
    background-size: 14px 14px;
}
.wccma-lids-card > * { position: relative; }
.wccma-lids-card .wccma-lids-lbl {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    color: #888;
    text-transform: uppercase;
    margin: 0;
}
.wccma-lids-card .wccma-lids-num {
    font-family: var(--wccma-display);
    font-size: 96px;
    color: var(--wccma-accent);
    line-height: .9;
    letter-spacing: .04em;
    margin: 12px 0;
    filter: drop-shadow(4px 4px 0 #000);
}
.wccma-lids-card .wccma-lids-equiv {
    font-family: var(--wccma-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .15em;
    color: var(--wccma-accent);
    text-transform: uppercase;
    margin: 0 0 18px;
}
.wccma-lids-card .wccma-lids-level-row {
    padding-top: 18px;
    border-top: 2px dashed #444;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}
.wccma-lids-card .wccma-lids-level-row .wccma-label {
    font-family: var(--wccma-mono);
    font-size: 10px;
    letter-spacing: .2em;
    color: #888;
    text-transform: uppercase;
}
.wccma-lids-card .wccma-lids-level-row .wccma-level {
    font-family: var(--wccma-display);
    font-size: 24px;
    color: #fff;
    letter-spacing: .04em;
}
.wccma-lids-card .wccma-lids-progress {
    margin-top: 12px;
    background: #1a1a1a;
    border: 2px solid #444;
    height: 14px;
    position: relative;
    overflow: hidden;
}
.wccma-lids-card .wccma-lids-progress .wccma-fill {
    position: absolute;
    inset: 0;
    background: var(--wccma-accent);
    background-image: repeating-linear-gradient(135deg, transparent 0 6px, rgba(0, 0, 0, 0.18) 6px 8px);
    transition: right .3s;
}
.wccma-lids-card .wccma-lids-next {
    font-family: var(--wccma-mono);
    font-size: 10px;
    letter-spacing: .15em;
    color: #888;
    text-transform: uppercase;
    margin-top: 8px;
}
.wccma-lids-card .wccma-lids-next strong { color: var(--wccma-accent); }
.wccma-lids-card .wccma-lids-btn {
    display: inline-block;
    margin-top: 22px;
    background: var(--wccma-accent);
    color: #000;
    border: 4px solid var(--wccma-accent);
    padding: 14px 22px;
    font-family: var(--wccma-display);
    font-size: 22px;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform .1s;
    text-decoration: none;
}
.wccma-lids-card .wccma-lids-btn:hover { transform: translate(2px, 2px); color: #000; }

/* =============== LEVEL LADDER =============== */
.wccma-ladder {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    background: #000;
    border: 4px solid #000;
}
.wccma-rung {
    padding: 16px 12px;
    text-align: center;
    background: #fff;
    border-right: 3px solid #000;
}
.wccma-rung:last-child { border-right: none; }
.wccma-rung.wccma-rung-done { background: #000; color: #fff; }
.wccma-rung.wccma-rung-current { background: var(--wccma-accent); color: #000; }
.wccma-rung .wccma-rung-ix {
    font-family: var(--wccma-mono);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    opacity: .6;
}
.wccma-rung .wccma-rung-name {
    font-family: var(--wccma-display);
    font-size: 18px;
    letter-spacing: .04em;
    margin: 4px 0;
}
.wccma-rung .wccma-rung-req {
    font-family: var(--wccma-mono);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
    opacity: .7;
}
.wccma-rung.wccma-rung-current .wccma-rung-ix,
.wccma-rung.wccma-rung-current .wccma-rung-req { opacity: 1; }
@media (max-width: 700px) {
    .wccma-ladder { grid-template-columns: repeat(2, 1fr); }
    .wccma-rung { border-bottom: 3px solid #000; }
    .wccma-rung:nth-child(2n) { border-right: none; }
    .wccma-rung:last-child { border-bottom: none; grid-column: span 2; }
}

/* =============== ACTIVITY FEED =============== */
.wccma-activity { display: flex; flex-direction: column; gap: 0; }
.wccma-act {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 2px dashed #ddd;
    align-items: center;
}
.wccma-act:last-child { border-bottom: none; }
.wccma-act .wccma-act-icon {
    width: 42px;
    height: 42px;
    background: var(--wccma-accent);
    border: 3px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--wccma-display);
    font-size: 18px;
    color: #000;
}
.wccma-act .wccma-act-icon.wccma-act-redeem { background: var(--wccma-alt); color: #fff; }
.wccma-act .wccma-act-icon.wccma-act-bonus { background: var(--wccma-warn); }
.wccma-act .wccma-act-icon.wccma-act-level { background: #000; color: var(--wccma-accent); }
.wccma-act .wccma-act-desc {
    font-family: var(--wccma-heavy);
    font-size: 13px;
    letter-spacing: .04em;
    margin: 0 0 2px;
}
.wccma-act .wccma-act-date {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .15em;
    color: var(--wccma-muted);
    text-transform: uppercase;
}
.wccma-act .wccma-act-amount {
    font-family: var(--wccma-display);
    font-size: 22px;
    color: var(--wccma-accent);
    filter: drop-shadow(2px 2px 0 #000);
}
.wccma-act .wccma-act-amount.wccma-neg { color: var(--wccma-alt); }

/* =============== REDEMPTION =============== */
.wccma-redeem-hero {
    background: #000;
    color: #fff;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 var(--wccma-accent);
    padding: 36px 32px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.wccma-redeem-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .08;
    pointer-events: none;
    background-image: radial-gradient(circle, var(--wccma-accent) 1.5px, transparent 1.8px);
    background-size: 14px 14px;
}
.wccma-redeem-hero > * { position: relative; }
.wccma-redeem-hero-tag {
    font-family: var(--wccma-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .22em;
    color: var(--wccma-accent);
    text-transform: uppercase;
}
.wccma-redeem-hero-amount {
    font-family: var(--wccma-display);
    font-size: clamp(42px, 5.5vw, 68px);
    line-height: .95;
    color: var(--wccma-accent);
    letter-spacing: .02em;
    margin: 14px 0 6px;
}
.wccma-redeem-hero-note {
    font-family: var(--wccma-mono);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .18em;
    color: #aaa;
    text-transform: uppercase;
}

/* Steps grid */
.wccma-steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-top: 24px;
}
@media (max-width: 700px) { .wccma-steps { grid-template-columns: 1fr; } }
.wccma-step {
    padding: 18px;
    border: 3px solid #000;
    background: var(--wccma-bg);
}
.wccma-step-num {
    font-family: var(--wccma-display);
    font-size: 36px;
    color: var(--wccma-accent);
    filter: drop-shadow(2px 2px 0 #000);
    line-height: 1;
}
.wccma-step-title {
    font-family: var(--wccma-heavy);
    font-size: 13px;
    letter-spacing: .04em;
    margin-top: 8px;
}
.wccma-step-desc {
    font-size: 12px;
    color: #1a1a1a;
    line-height: 1.5;
    margin-top: 4px;
}

/* Worth strip */
.wccma-worth {
    margin-top: 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
@media (max-width: 700px) { .wccma-worth { grid-template-columns: 1fr; } }
.wccma-worth-item {
    padding: 16px;
    border: 3px solid #000;
    background: #fff;
    text-align: center;
}
.wccma-worth-item .wccma-worth-lbl {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    color: var(--wccma-muted);
    text-transform: uppercase;
}
.wccma-worth-item .wccma-worth-val {
    font-family: var(--wccma-display);
    font-size: 26px;
    color: var(--wccma-accent);
    filter: drop-shadow(2px 2px 0 #000);
    margin-top: 4px;
}

/* =============== REDEEM FORM (rewards page) =============== */
.wccma-redeem-form { display: flex; flex-direction: column; gap: 16px; }
.wccma-redeem-desc { font-size: 13px; color: #1a1a1a; margin: 0; line-height: 1.6; }
.wccma-redeem-input-group { display: flex; flex-direction: column; gap: 8px; }
.wccma-redeem-input-group label {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--wccma-muted);
}
.wccma-redeem-input {
    width: 100%;
    border: 3px solid #000;
    background: #fff;
    padding: 12px 14px;
    font-family: var(--wccma-heavy);
    font-size: 18px;
    color: #000;
    outline: none;
}
.wccma-redeem-input:focus { box-shadow: 4px 4px 0 var(--wccma-accent); }
.wccma-redeem-value {
    font-family: var(--wccma-display);
    font-size: 22px;
    color: var(--wccma-accent);
    filter: drop-shadow(2px 2px 0 #000);
    letter-spacing: .04em;
}
.wccma-redeem-presets { display: flex; flex-wrap: wrap; gap: 8px; }
.wccma-redeem-preset {
    background: #fff;
    border: 3px solid #000;
    padding: 8px 14px;
    font-family: var(--wccma-heavy);
    font-size: 11px;
    letter-spacing: .12em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 3px 3px 0 #000;
    transition: transform .1s, box-shadow .1s;
}
.wccma-redeem-preset:hover { transform: translate(2px, 2px); box-shadow: 1px 1px 0 #000; }
.wccma-redeem-preset.wccma-redeem-preset-all { background: var(--wccma-accent); }
.wccma-redeem-btn {
    background: var(--wccma-accent);
    color: #000;
    border: 4px solid #000;
    padding: 14px 22px;
    font-family: var(--wccma-display);
    font-size: 22px;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 6px 6px 0 #000;
    transition: transform .1s, box-shadow .1s;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
}
.wccma-redeem-btn:hover { transform: translate(2px, 2px); box-shadow: 4px 4px 0 #000; }
.wccma-redeem-btn:disabled {
    background: #ddd;
    color: #999;
    cursor: not-allowed;
    box-shadow: 4px 4px 0 #aaa;
}
.wccma-redeem-success {
    background: var(--wccma-good);
    border: 4px solid #000;
    padding: 16px;
    box-shadow: 4px 4px 0 #000;
}
.wccma-redeem-success strong {
    font-family: var(--wccma-display);
    font-size: 24px;
    color: #000;
    letter-spacing: .04em;
}
.wccma-redeem-error {
    background: var(--wccma-alt);
    color: #fff;
    border: 4px solid #000;
    padding: 14px;
    box-shadow: 4px 4px 0 #000;
    font-family: var(--wccma-heavy);
    font-size: 13px;
}

/* =============== COUPON CARDS =============== */
.wccma-coupons { display: flex; flex-direction: column; gap: 12px; }
.wccma-coupon {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    gap: 16px;
    align-items: center;
    padding: 16px 18px;
    border: 4px dashed #000;
    background: #fff;
}
.wccma-coupon.wccma-coupon-used { opacity: .55; background: #f5f3ec; }
.wccma-coupon-code {
    font-family: var(--wccma-display);
    font-size: 24px;
    letter-spacing: .04em;
    color: #000;
    background: var(--wccma-accent);
    border: 3px solid #000;
    padding: 6px 12px;
    display: inline-block;
}
.wccma-coupon.wccma-coupon-used .wccma-coupon-code { background: #ddd; color: #666; }
.wccma-coupon-meta { display: flex; flex-direction: column; gap: 2px; }
.wccma-coupon-meta .wccma-coupon-val { font-family: var(--wccma-heavy); font-size: 15px; }
.wccma-coupon-meta .wccma-coupon-exp {
    font-family: var(--wccma-mono);
    font-size: 11px;
    letter-spacing: .12em;
    color: var(--wccma-muted);
    text-transform: uppercase;
}
.wccma-coupon-status {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    padding: 5px 10px;
    border: 2px solid #000;
    background: var(--wccma-good);
}
.wccma-coupon-used .wccma-coupon-status { background: #bbb; }
.wccma-coupon-expired .wccma-coupon-status { background: var(--wccma-alt); color: #fff; }

/* =============== WC DEFAULT TEMPLATE OVERRIDES (orders, downloads, addresses, edit-account) =============== */
.woocommerce-account .woocommerce-MyAccount-content > * + * { margin-top: 16px; }
.woocommerce-account .woocommerce-MyAccount-content p {
    font-family: var(--wccma-body);
    font-size: 14px;
    color: #1a1a1a;
    line-height: 1.6;
}
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
    font-family: var(--wccma-display);
    font-size: 28px;
    letter-spacing: .02em;
    margin: 0 0 16px;
    color: #000;
    font-weight: 400;
}
.woocommerce-account .woocommerce-MyAccount-content address {
    font-family: var(--wccma-mono);
    font-size: 13px;
    font-style: normal;
    line-height: 1.7;
    padding: 16px;
    border: 3px solid #000;
    background: var(--wccma-bg);
    box-shadow: 4px 4px 0 #000;
}

/* WC buttons */
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce button.button,
.woocommerce-account .woocommerce input.button,
.woocommerce-account .woocommerce button[type="submit"] {
    background: var(--wccma-accent) !important;
    color: #000 !important;
    border: 4px solid #000 !important;
    padding: 12px 20px !important;
    font-family: var(--wccma-display) !important;
    font-size: 18px !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    box-shadow: 6px 6px 0 #000 !important;
    border-radius: 0 !important;
    transition: transform .1s, box-shadow .1s !important;
    cursor: pointer;
    font-weight: 400 !important;
    text-shadow: none !important;
}
.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce input.button:hover,
.woocommerce-account .woocommerce button[type="submit"]:hover {
    transform: translate(2px, 2px) !important;
    box-shadow: 4px 4px 0 #000 !important;
    color: #000 !important;
    background: var(--wccma-accent) !important;
}
.woocommerce-account .woocommerce a.button.view {
    font-family: var(--wccma-heavy) !important;
    font-size: 11px !important;
    letter-spacing: .18em !important;
    padding: 8px 14px !important;
    box-shadow: 3px 3px 0 #000 !important;
}

/* WC forms */
.woocommerce-account .woocommerce form .form-row label {
    font-family: var(--wccma-mono) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: var(--wccma-muted) !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-account .woocommerce form .form-row select,
.woocommerce-account .woocommerce form .form-row textarea {
    border: 3px solid #000 !important;
    background: #fff !important;
    padding: 12px 14px !important;
    font-family: var(--wccma-body) !important;
    font-size: 14px !important;
    color: #000 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    outline: none !important;
}
.woocommerce-account .woocommerce form .form-row input.input-text:focus,
.woocommerce-account .woocommerce form .form-row select:focus,
.woocommerce-account .woocommerce form .form-row textarea:focus {
    box-shadow: 4px 4px 0 var(--wccma-accent) !important;
}
.woocommerce-account .woocommerce form .form-row {
    margin-bottom: 18px !important;
}
.woocommerce-account .woocommerce fieldset {
    border: 3px solid #000 !important;
    padding: 20px !important;
    background: var(--wccma-bg) !important;
    margin: 20px 0 !important;
}
.woocommerce-account .woocommerce fieldset legend {
    font-family: var(--wccma-display) !important;
    font-size: 22px !important;
    padding: 0 10px !important;
    background: #000 !important;
    color: var(--wccma-accent) !important;
    border: 3px solid #000 !important;
}

/* WC messages */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-error {
    border: 3px solid #000 !important;
    box-shadow: 4px 4px 0 #000 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #000 !important;
    font-family: var(--wccma-body) !important;
    padding: 14px 16px !important;
}
.woocommerce-account .woocommerce-message { background: var(--wccma-good) !important; }
.woocommerce-account .woocommerce-error { background: var(--wccma-alt) !important; color: #fff !important; }

/* My Addresses page */
.woocommerce-account .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
    margin: 0 !important;
}
@media (max-width: 700px) { .woocommerce-account .woocommerce-Addresses { grid-template-columns: 1fr !important; } }
.woocommerce-account .woocommerce-Address {
    background: #fff;
    border: 4px solid #000;
    box-shadow: 6px 6px 0 #000;
    padding: 20px;
    width: auto !important;
    float: none !important;
}
.woocommerce-account .woocommerce-Address-title h3 {
    font-family: var(--wccma-display) !important;
    font-size: 24px !important;
    letter-spacing: .02em !important;
    margin: 0 0 12px !important;
}
.woocommerce-account .woocommerce-Address-title .edit {
    font-family: var(--wccma-heavy) !important;
    font-size: 11px !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: #000 !important;
    border-bottom: 2px solid var(--wccma-accent) !important;
    padding-bottom: 1px !important;
}

/* =============== EMPTY STATES =============== */
.wccma-empty-state {
    padding: 48px 24px;
    text-align: center;
}
.wccma-empty-state .wccma-empty-icon {
    color: #ccc;
    margin: 0 auto 12px;
}
.wccma-empty-state p {
    font-family: var(--wccma-mono);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--wccma-muted);
}


/* =============================================================
   STIGMA CHECKOUT — paper + ink + cyan, Bangers + Archivo
   Scoped under .wccma-co-shop and body.woocommerce-checkout.
   Design tokens here can later be reused by My Account.
   ============================================================= */

.wccma-co-shop {
    --stigma-ink: #0A0A0A;
    --stigma-muted: #7a7770;
    --stigma-line: #E3E0D8;
    --stigma-paper: #F4F1EA;
    --stigma-paper-2: #FBF9F4;
    --stigma-paper-3: #EDEAE0;
    --stigma-accent: #00C8E0;
    --stigma-accent-2: #00b3c8;
    --stigma-body: 'Archivo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --stigma-bangers: 'Bangers', 'Archivo', system-ui, sans-serif;
}

html.wccma-bare-html,
body.woocommerce-checkout,
body.wccma-bare-takeover {
    max-width: 100vw !important;
    /* overflow-x: hidden REMOVED — breaks position:sticky on the summary card.
       Horizontal overflow is prevented via max-width + min-width:0 on grid items. */
}
body.woocommerce-checkout {
    background: #F4F1EA !important;
    background-image: none !important;
    font-family: 'Archivo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    color: #0A0A0A !important;
    margin: 0 !important;
}
body.woocommerce-checkout .site-content,
body.woocommerce-checkout .entry-content,
body.woocommerce-checkout main,
body.woocommerce-checkout #main,
body.woocommerce-checkout #primary,
body.woocommerce-checkout .content-area {
    background: transparent !important;
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
body.woocommerce-checkout .entry-header,
body.woocommerce-checkout .page-header,
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout .site-header,
body.woocommerce-checkout .site-footer { display: none !important; }

.wccma-co-shop {
    font-family: var(--stigma-body) !important;
    color: var(--stigma-ink) !important;
    background: var(--stigma-paper) !important;
    min-height: 100vh !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    width: 100% !important;
    max-width: 100vw !important;
    /* No overflow:hidden here — it breaks position:sticky on the summary. */
}
.wccma-co-shop *,
.wccma-co-shop *::before,
.wccma-co-shop *::after { box-sizing: border-box !important; }
.wccma-co-shop a { color: inherit; text-decoration: none; }
.wccma-co-shop img { display: block; max-width: 100%; }

/* ============ HERO / TOP NAV ============ */
.wccma-co-shop-hero {
    background: #fff !important;
    border-bottom: 1px solid var(--stigma-line) !important;
    padding: 0 !important;
    margin: 0 !important;
}
.wccma-co-shop-hero {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 14px 40px !important;
    width: 100% !important;
}
.wccma-co-shop-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}
.wccma-co-shop-logo svg {
    width: 28px !important;
    height: 28px !important;
    display: block !important;
}
.wccma-co-shop-logo-word {
    font-family: var(--stigma-bangers) !important;
    font-size: 30px !important;
    letter-spacing: .06em !important;
    line-height: 1 !important;
    color: var(--stigma-ink) !important;
}
.wccma-co-shop-logo-img {
    max-height: 40px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
}
.wccma-co-shop-cart-link {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--stigma-ink) !important;
    border-bottom: 1.5px solid var(--stigma-ink) !important;
    padding-bottom: 1px !important;
}
.wccma-co-shop-cart, .wccma-co-shop-cart-count { display: none !important; }

/* ============ WRAPPER (two-column grid) ============ */
.wccma-co-shop-form {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
}
.wccma-co-shop-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 540px) !important;
    gap: clamp(28px, 4vw, 80px) !important;
    max-width: none !important;
    margin: auto;
    padding: 32px clamp(16px, 4vw, 72px) 80px !important;
    width: 55% !important;
}
/* Belt-and-suspenders: form col children must respect the grid cell width */
.wccma-co-shop-form-col,
.wccma-co-shop-form-col * {
    min-width: 0 !important;
    align-items: flex-start !important;
}
.wccma-co-shop-form-col {
    background: transparent !important;
    padding: 0 !important;
    min-width: 0 !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
}
.wccma-co-shop-summary-col {
    background: transparent !important;
    padding: 0 !important;
    min-width: 0 !important;
    position: relative !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
}
/* Sections that span the full grid width (Shipping Method, Payment, etc.) */
.wccma-co-shop-section-full {
    grid-column: 1 / -1 !important;
    background: transparent !important;
}
.wccma-co-shop-section-full .wccma-co-shop-sechead { margin-bottom: 14px !important; }

/* ============ CRUMBS + PAGE H1 ============ */
.wccma-co-shop-crumbs {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: var(--stigma-muted) !important;
    font-weight: 500 !important;
    margin-bottom: 14px !important;
}
.wccma-co-shop-crumbs a { color: inherit !important; }
.wccma-co-shop-crumbs-sep { opacity: .6 !important; }
.wccma-co-shop-crumbs-now { color: var(--stigma-ink) !important; font-weight: 600 !important; }

.wccma-co-shop-page {
    font-family: var(--stigma-bangers) !important;
    font-size: 54px !important;
    font-weight: 400 !important;
    letter-spacing: .04em !important;
    margin: 0 0 28px !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    color: var(--stigma-ink) !important;
}
.wccma-co-shop-page-a { color: var(--stigma-accent) !important; }

/* ============ SECTIONS ============ */
.wccma-co-shop-section {
    margin-bottom: 28px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.wccma-co-shop-sechead {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
}
.wccma-co-shop-section-title,
.wccma-co-shop-sechead h2 {
    font-family: var(--stigma-bangers) !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    letter-spacing: .04em !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    color: var(--stigma-ink) !important;
}
.wccma-co-shop-link {
    font-size: 13px !important;
    color: var(--stigma-ink) !important;
    border-bottom: 1px solid var(--stigma-ink) !important;
    padding-bottom: 1px !important;
    font-weight: 500 !important;
}
.wccma-co-shop-secure {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 12px !important;
    color: var(--stigma-muted) !important;
    font-weight: 500 !important;
}

/* Hide WC's default section headings inside billing/shipping wrappers */
.wccma-co-shop .woocommerce-billing-fields > h3,
.wccma-co-shop .woocommerce-shipping-fields > h3:not(#ship-to-different-address) { display: none !important; }
.wccma-co-shop #ship-to-different-address {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 8px 0 14px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--stigma-ink) !important;
}
.wccma-co-shop #ship-to-different-address label { margin: 0 !important; cursor: pointer !important; }

/* ============ SIGNED-IN STRIP ============ */
.wccma-co-shop-signed {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    border: 1.5px solid var(--stigma-line) !important;
    background: #fff !important;
    border-radius: 12px !important;
    margin-bottom: 14px !important;
}
.wccma-co-shop-signed-av {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    background: var(--stigma-ink) !important;
    color: #fff !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    flex-shrink: 0 !important;
}
.wccma-co-shop-signed-who { flex: 1 !important; min-width: 0 !important; }
.wccma-co-shop-signed-e {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: var(--stigma-ink) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.wccma-co-shop-signed-s { font-size: 12px !important; color: var(--stigma-muted) !important; }
.wccma-co-shop-signed-sw {
    font-size: 12px !important;
    color: var(--stigma-muted) !important;
    border-bottom: 1px solid var(--stigma-line) !important;
}

/* ============ EMAIL-FIRST AUTH BLOCK ============ */
.wccma-co-shop-email-row {
    position: relative !important;
    margin-bottom: 12px !important;
}
.wccma-co-shop-email-row #wccma-checkout-email {
    width: 100% !important;
    padding: 14px 16px !important;
    padding-right: 44px !important;
    border: 1.5px solid var(--stigma-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    font-family: var(--stigma-body) !important;
    font-size: 15px !important;
    color: var(--stigma-ink) !important;
    outline: none !important;
    transition: border .15s, box-shadow .15s !important;
    min-height: 48px !important;
}
.wccma-co-shop-email-row #wccma-checkout-email::placeholder { color: var(--stigma-muted) !important; }
.wccma-co-shop-email-row #wccma-checkout-email:focus {
    border-color: var(--stigma-ink) !important;
    box-shadow: 0 0 0 4px rgba(0, 200, 224, .25) !important;
}
.wccma-co-shop-email-row.is-loading #wccma-checkout-email { padding-right: 44px !important; }
.wccma-co-shop-email-spinner {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid var(--stigma-line) !important;
    border-top-color: var(--stigma-ink) !important;
    border-radius: 50% !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .15s !important;
}
.wccma-co-shop-email-row.is-loading .wccma-co-shop-email-spinner {
    opacity: 1 !important;
    animation: wccma-spin .8s linear infinite !important;
}
@keyframes wccma-spin { to { transform: translateY(-50%) rotate(360deg); } }

/* Returning / new customer banner */
.wccma-co-shop-acc {
    margin-top: 12px !important;
    padding: 18px !important;
    border-radius: 14px !important;
    background: var(--stigma-ink) !important;
    color: #fff !important;
    overflow: hidden !important;
}
.wccma-co-shop-acc--new {
    background: #fff !important;
    color: var(--stigma-ink) !important;
    border: 1.5px solid var(--stigma-line) !important;
}
.wccma-co-shop-acc-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}
.wccma-co-shop-acc-ic {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: var(--stigma-accent) !important;
    color: var(--stigma-ink) !important;
    font-family: var(--stigma-bangers) !important;
    font-size: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}
.wccma-co-shop-acc-copy { flex: 1 !important; min-width: 0 !important; }
.wccma-co-shop-acc-t {
    font-family: var(--stigma-bangers) !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    letter-spacing: .03em !important;
    line-height: 1.2 !important;
}
.wccma-co-shop-acc-s {
    font-size: 12px !important;
    opacity: .7 !important;
    margin-top: 2px !important;
    font-family: var(--stigma-body) !important;
}
.wccma-co-shop-acc--new .wccma-co-shop-acc-s { opacity: 1 !important; color: var(--stigma-muted) !important; }
.wccma-co-shop-acc-btn {
    background: var(--stigma-accent) !important;
    color: var(--stigma-ink) !important;
    border: none !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    font-family: var(--stigma-bangers) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    letter-spacing: .04em !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    flex-shrink: 0 !important;
    line-height: 1.2 !important;
    transition: background .15s !important;
}
.wccma-co-shop-acc-btn:hover { background: #fff !important; }
.wccma-co-shop-acc--new .wccma-co-shop-acc-btn { background: var(--stigma-ink) !important; color: #fff !important; }
.wccma-co-shop-acc--new .wccma-co-shop-acc-btn:hover { background: #000 !important; }
.wccma-co-shop-acc-btn[disabled] { opacity: .6 !important; cursor: wait !important; }

/* `hidden` attr must always win — our flex/grid rules use !important elsewhere. */
.wccma-co-shop-acc [hidden],
.wccma-co-shop-acc-form[hidden] { display: none !important; }

/* Password reveal slot */
.wccma-co-shop-acc-form {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgba(255,255,255,.15) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}
.wccma-co-shop-acc--new .wccma-co-shop-acc-form { border-top-color: var(--stigma-line) !important; }
.wccma-co-shop-acc-input {
    width: 100% !important;
    padding: 12px 14px !important;
    border: 1.5px solid rgba(255,255,255,.15) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    font-family: var(--stigma-body) !important;
    font-size: 15px !important;
    outline: none !important;
    transition: border .15s, box-shadow .15s !important;
    min-height: 46px !important;
}
.wccma-co-shop-acc--new .wccma-co-shop-acc-input {
    background: #fff !important;
    color: var(--stigma-ink) !important;
    border-color: var(--stigma-line) !important;
}
.wccma-co-shop-acc-input::placeholder { color: rgba(255,255,255,.5) !important; }
.wccma-co-shop-acc--new .wccma-co-shop-acc-input::placeholder { color: var(--stigma-muted) !important; }
.wccma-co-shop-acc-input:focus {
    border-color: rgba(255,255,255,.45) !important;
    box-shadow: none !important;
}
.wccma-co-shop-acc--new .wccma-co-shop-acc-input:focus {
    border-color: var(--stigma-ink) !important;
    box-shadow: none !important;
}
.wccma-co-shop-acc-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
.wccma-co-shop-acc-link {
    background: transparent !important;
    border: none !important;
    color: var(--stigma-accent) !important;
    opacity: 1 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    padding: 0 !important;
    font-family: var(--stigma-body) !important;
    transition: color .15s !important;
}
.wccma-co-shop-acc-link:hover { color: #fff !important; }
.wccma-co-shop-acc--new .wccma-co-shop-acc-link { color: var(--stigma-accent-2) !important; }
.wccma-co-shop-acc--new .wccma-co-shop-acc-link:hover { color: var(--stigma-ink) !important; }
.wccma-co-shop-acc-error {
    font-size: 13px !important;
    color: #ff7a7a !important;
    margin-top: 2px !important;
}
.wccma-co-shop-acc--new .wccma-co-shop-acc-error { color: #b91c1c !important; }
.wccma-co-shop-acc-ok {
    font-size: 13px !important;
    color: var(--stigma-accent) !important;
    margin-top: 2px !important;
}
.wccma-co-shop-acc-otp {
    width: 100% !important;
    padding: 14px 16px !important;
    font-family: var(--stigma-bangers) !important;
    font-size: 24px !important;
    letter-spacing: .4em !important;
    text-align: center !important;
    text-transform: none !important;
    border: 1.5px solid rgba(255,255,255,.15) !important;
    background: rgba(255,255,255,.06) !important;
    color: #fff !important;
    border-radius: 8px !important;
    outline: none !important;
    transition: border .15s, box-shadow .15s !important;
}
.wccma-co-shop-acc--new .wccma-co-shop-acc-otp {
    background: #fff !important;
    color: var(--stigma-ink) !important;
    border-color: var(--stigma-line) !important;
}
.wccma-co-shop-acc-otp:focus {
    border-color: rgba(255,255,255,.45) !important;
    box-shadow: none !important;
}
.wccma-co-shop-acc--new .wccma-co-shop-acc-otp:focus {
    border-color: var(--stigma-ink) !important;
    box-shadow: none !important;
}

/* Entrance animation — used for banners and signed-in strip */
.wccma-co-shop-anim-in {
    animation: wccma-slide-fade-in .35s cubic-bezier(.2, .8, .2, 1) both !important;
}
@keyframes wccma-slide-fade-in {
    from { opacity: 0; transform: translateY(-8px); max-height: 0; margin-bottom: 0 !important; }
    to   { opacity: 1; transform: translateY(0); max-height: 600px; }
}
@media (prefers-reduced-motion: reduce) {
    .wccma-co-shop-anim-in { animation: none !important; }
}

/* ============ FORM FIELDS (WC-rendered) ============ */
.wccma-co-shop .form-row,
.wccma-co-shop p.form-row {
    margin: 0 0 12px !important;
    padding: 0 !important;
    display: block !important;
}
.wccma-co-shop .form-row label {
    font-size: 12px !important;
    color: var(--stigma-muted) !important;
    font-weight: 500 !important;
    margin: 0 0 4px !important;
    display: block !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.wccma-co-shop .form-row .required {
    color: var(--stigma-ink) !important;
    text-decoration: none !important;
}
.wccma-co-shop .form-row input.input-text,
.wccma-co-shop .form-row textarea,
.wccma-co-shop .form-row select,
.wccma-co-shop .form-row .input-checkbox + label {
    width: 100% !important;
    padding: 14px 16px !important;
    border: 1.5px solid var(--stigma-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    font-family: var(--stigma-body) !important;
    font-size: 15px !important;
    color: var(--stigma-ink) !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border .15s, box-shadow .15s !important;
    line-height: 1.4 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    height: auto !important;
    min-height: 48px !important;
}
.wccma-co-shop .form-row input.input-text::placeholder,
.wccma-co-shop .form-row textarea::placeholder { color: var(--stigma-muted) !important; }
.wccma-co-shop .form-row input.input-text:focus,
.wccma-co-shop .form-row textarea:focus,
.wccma-co-shop .form-row select:focus {
    border-color: var(--stigma-ink) !important;
    box-shadow: 0 0 0 4px rgba(0, 200, 224, .25) !important;
}

.wccma-co-shop .select2-container .select2-selection--single {
    height: 48px !important;
    padding: 0 !important;
    border: 1.5px solid var(--stigma-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
}
.wccma-co-shop .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 46px !important;
    padding-left: 14px !important;
    padding-right: 34px !important;
    font-size: 15px !important;
    color: var(--stigma-ink) !important;
}
.wccma-co-shop .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 46px !important;
    right: 8px !important;
}

/* ====== ADDRESS FIELDS: GRID LAYOUT (id-based, ignores classes) ======
   Force the WC billing/shipping field wrappers into a 2-col grid. Default
   is full-row; the listed IDs are span-1 so they pair. grid-auto-flow:dense
   lets phone slot next to postcode even if a marketing checkbox sits
   between them in DOM order. */
.wccma-co-shop .woocommerce-billing-fields__field-wrapper,
.wccma-co-shop .woocommerce-shipping-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
    grid-auto-flow: dense !important;
}
.wccma-co-shop .woocommerce-billing-fields__field-wrapper > .form-row,
.wccma-co-shop .woocommerce-shipping-fields__field-wrapper > .form-row {
    grid-column: 1 / -1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto !important;
}
.wccma-co-shop #billing_first_name_field,
.wccma-co-shop #billing_last_name_field,
.wccma-co-shop #billing_city_field,
.wccma-co-shop #billing_state_field,
.wccma-co-shop #billing_postcode_field,
.wccma-co-shop #billing_phone_field,
.wccma-co-shop #shipping_first_name_field,
.wccma-co-shop #shipping_last_name_field,
.wccma-co-shop #shipping_city_field,
.wccma-co-shop #shipping_state_field,
.wccma-co-shop #shipping_postcode_field,
.wccma-co-shop #shipping_phone_field {
    grid-column: span 1 !important;
}
/* Legacy form-row-first/last (still used by some extensions) — leave the
   inline-block fallback for any field that isn't inside our grid wrapper. */
.wccma-co-shop .form-row-first,
.wccma-co-shop .form-row-last {
    width: calc(50% - 6px) !important;
    display: inline-block !important;
    vertical-align: top !important;
}
.wccma-co-shop .form-row-first { margin-right: 12px !important; }
.wccma-co-shop .form-row-last { margin-right: 0 !important; }
/* Inside the grid wrapper, classes don't matter — grid wins. */
.wccma-co-shop .woocommerce-billing-fields__field-wrapper > .form-row-first,
.wccma-co-shop .woocommerce-billing-fields__field-wrapper > .form-row-last,
.wccma-co-shop .woocommerce-shipping-fields__field-wrapper > .form-row-first,
.wccma-co-shop .woocommerce-shipping-fields__field-wrapper > .form-row-last {
    width: auto !important;
    display: block !important;
    margin-right: 0 !important;
}

@media (max-width: 540px) {
    .wccma-co-shop .woocommerce-billing-fields__field-wrapper,
    .wccma-co-shop .woocommerce-shipping-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }
    .wccma-co-shop .woocommerce-billing-fields__field-wrapper > .form-row,
    .wccma-co-shop .woocommerce-shipping-fields__field-wrapper > .form-row {
        grid-column: 1 !important;
    }
    .wccma-co-shop .form-row-first,
    .wccma-co-shop .form-row-last {
        width: 100% !important;
        margin: 0 0 12px !important;
    }
}

/* Inline checkbox rows */
.wccma-co-shop .woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 14px !important;
    margin: 8px 0 14px !important;
    cursor: pointer !important;
    color: var(--stigma-ink) !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    min-height: 0 !important;
}
.wccma-co-shop input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--stigma-ink) !important;
    margin: 0 !important;
}

/* ============ LIDS DARK CALLOUT (left column) ============ */
.wccma-co-shop-lids {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 18px 38px 16px 18px !important;
    border-radius: 14px !important;
    background: var(--stigma-ink) !important;
    color: #fff !important;
    margin: 0 0 28px !important;
    border: none !important;
    box-shadow: none !important;
    position: relative !important;
}
.wccma-co-shop-lids-head {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}
.wccma-co-shop-lids-explain {
    padding-top: 10px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    color: rgba(255, 255, 255, 0.75) !important;
    font-family: var(--stigma-body) !important;
    letter-spacing: 0 !important;
}
.wccma-co-shop-lids--new .wccma-co-shop-lids-explain { border-top-color: var(--stigma-line) !important; color: var(--stigma-muted) !important; }
.wccma-co-shop-lids-dismiss {
    position: absolute !important;
    top: 8px !important;
    right: 10px !important;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    opacity: .4 !important;
    cursor: pointer !important;
    font-size: 22px !important;
    line-height: 1 !important;
    padding: 4px 8px !important;
    transition: opacity .15s !important;
    font-family: inherit !important;
}
.wccma-co-shop-lids-dismiss:hover { opacity: 1 !important; }
.wccma-co-shop-lids--guest .wccma-co-shop-lids-dismiss,
.wccma-co-shop-lids--earn .wccma-co-shop-lids-dismiss { color: #fff !important; }
.wccma-co-shop-lids-ic {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: var(--stigma-accent) !important;
    color: var(--stigma-ink) !important;
    font-family: var(--stigma-bangers) !important;
    font-size: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}
.wccma-co-shop-lids-copy { flex: 1 !important; min-width: 0 !important; }
.wccma-co-shop-lids-t {
    font-family: var(--stigma-bangers) !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    letter-spacing: .03em !important;
    color: #fff !important;
    line-height: 1.2 !important;
}
.wccma-co-shop-lids-s {
    font-size: 12px !important;
    opacity: .7 !important;
    margin-top: 2px !important;
    color: #fff !important;
    font-family: var(--stigma-body) !important;
}
.wccma-co-shop-lids-btn {
    background: var(--stigma-accent) !important;
    color: var(--stigma-ink) !important;
    border: none !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    font-family: var(--stigma-bangers) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    letter-spacing: .04em !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    flex-shrink: 0 !important;
    line-height: 1.2 !important;
    transition: background .15s !important;
}
.wccma-co-shop-lids-btn:hover { background: #fff !important; }
.wccma-co-shop-lids-btn[disabled] { opacity: .6 !important; cursor: wait !important; }

/* On/off switch (iOS-style) — used to toggle Lids redemption. */
.wccma-co-shop-switch {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    user-select: none !important;
    -webkit-tap-highlight-color: transparent !important;
    padding: 4px !important;
    margin: 0 !important;
}
.wccma-co-shop-switch input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}
.wccma-co-shop-switch-track {
    width: 52px !important;
    height: 30px !important;
    background: rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;
    position: relative !important;
    display: inline-block !important;
    transition: background .2s ease !important;
}
.wccma-co-shop-switch-dot {
    position: absolute !important;
    top: 3px !important;
    left: 3px !important;
    width: 24px !important;
    height: 24px !important;
    background: #fff !important;
    border-radius: 50% !important;
    transition: transform .2s cubic-bezier(.4, 0, .2, 1), background .2s !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}
.wccma-co-shop-switch input:checked ~ .wccma-co-shop-switch-track {
    background: var(--stigma-accent) !important;
}
.wccma-co-shop-switch input:checked ~ .wccma-co-shop-switch-track .wccma-co-shop-switch-dot {
    transform: translateX(22px) !important;
    background: var(--stigma-ink) !important;
}
.wccma-co-shop-switch:hover .wccma-co-shop-switch-track { background: rgba(255, 255, 255, 0.28) !important; }
.wccma-co-shop-switch:hover input:checked ~ .wccma-co-shop-switch-track { background: var(--stigma-accent-2) !important; }
.wccma-co-shop-switch input:focus-visible ~ .wccma-co-shop-switch-track {
    outline: 2px solid var(--stigma-accent) !important;
    outline-offset: 2px !important;
}
.wccma-co-shop-switch.is-disabled,
.wccma-co-shop-switch input:disabled ~ .wccma-co-shop-switch-track {
    opacity: .4 !important;
    cursor: not-allowed !important;
}
.wccma-co-shop-switch.is-disabled .wccma-co-shop-switch-track { cursor: not-allowed !important; }

/* When the panel is disabled, soften the copy too so it reads as informational. */
.wccma-co-shop-lids[data-disabled="1"] .wccma-co-shop-lids-t,
.wccma-co-shop-lids[data-disabled="1"] .wccma-co-shop-lids-ic { opacity: .8 !important; }

/* ============ GOOGLE PLACES AUTOCOMPLETE (custom UI) ============ */
/* Our own dropdown anchored to the WC street address input. The Google data
   API gives us predictions; the rendering is fully ours so it can match the
   Stigma palette and avoid the new web-component's dark theme / mobile
   fullscreen UX. */
.wccma-pac-dropdown {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    background: #fff !important;
    border: 1.5px solid var(--stigma-line, #E3E0D8) !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
    overflow: hidden !important;
    max-height: 320px !important;
    overflow-y: auto !important;
}
.wccma-pac-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    cursor: pointer !important;
    border-top: 1px solid var(--stigma-line, #E3E0D8) !important;
    background: #fff !important;
    transition: background .12s !important;
}
.wccma-pac-item:first-child { border-top: none !important; }
.wccma-pac-item:hover,
.wccma-pac-item.is-active { background: var(--stigma-paper-2, #FBF9F4) !important; }
.wccma-pac-pin {
    flex-shrink: 0 !important;
    width: 18px !important;
    height: 18px !important;
    color: var(--stigma-accent-2, #00b3c8) !important;
}
.wccma-pac-text {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    flex: 1 !important;
}
.wccma-pac-main {
    font-family: var(--stigma-body) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--stigma-ink, #0A0A0A) !important;
    line-height: 1.3 !important;
}
.wccma-pac-sub {
    font-family: var(--stigma-body) !important;
    font-size: 12px !important;
    color: var(--stigma-muted, #7a7770) !important;
    margin-top: 2px !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Legacy pac-container fallback (in case any old keys still use it) */
.pac-container {
    border: 1.5px solid var(--stigma-line, #E3E0D8) !important;
    border-radius: 10px !important;
    margin-top: 4px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    font-family: 'Archivo', system-ui, sans-serif !important;
    background: #fff !important;
    overflow: hidden !important;
    z-index: 999999 !important;
}
.pac-item {
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: var(--stigma-ink, #0A0A0A) !important;
    border-top: 1px solid var(--stigma-line, #E3E0D8) !important;
    cursor: pointer !important;
}
.pac-item:first-child { border-top: none !important; }
.pac-item:hover { background: var(--stigma-paper-2, #FBF9F4) !important; }
.pac-item-query {
    font-family: 'Archivo', system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--stigma-ink, #0A0A0A) !important;
}
.pac-matched { font-weight: 700 !important; }

/* ============ SHIPPING METHOD CARDS (Speed section) ============ */
.wccma-co-shop-speed-opts {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 6px !important;
}
.wccma-co-shop-speed-opt {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 16px 18px !important;
    border: 1.5px solid var(--stigma-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    cursor: pointer !important;
    transition: border .15s, box-shadow .15s !important;
    margin: 0 !important;
    font-family: var(--stigma-body) !important;
}
.wccma-co-shop-speed-opt:hover { border-color: var(--stigma-ink) !important; }
.wccma-co-shop-speed-opt.is-selected {
    border-color: var(--stigma-ink) !important;
    box-shadow: 0 0 0 4px rgba(0, 200, 224, .25) !important;
    width: 100% !important;
}

label.wccma-co-shop-speed-opt {
    width: 100% !important;
}

#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
    line-height: 2;
    text-align: left;
    margin: 0;
    font-weight: 400;
    width: 100% !important;
}
.wccma-co-shop-speed-radio-input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
}
.wccma-co-shop-speed-radio {
    width: 20px !important;
    height: 20px !important;
    border: 2px solid var(--stigma-line) !important;
    border-radius: 50% !important;
    background: #fff !important;
    position: relative !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}
.wccma-co-shop-speed-opt.is-selected .wccma-co-shop-speed-radio { border-color: var(--stigma-ink) !important; }
.wccma-co-shop-speed-opt.is-selected .wccma-co-shop-speed-radio::after {
    content: "" !important;
    position: absolute !important;
    inset: 3px !important;
    border-radius: 50% !important;
    background: var(--stigma-ink) !important;
}
.wccma-co-shop-speed-meta {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}
.wccma-co-shop-speed-name {
    font-family: var(--stigma-bangers) !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    letter-spacing: .03em !important;
    color: var(--stigma-ink) !important;
    line-height: 1.2 !important;
}
.wccma-co-shop-speed-sub {
    font-size: 13px !important;
    color: var(--stigma-muted) !important;
    margin-top: 2px !important;
}
.wccma-co-shop-speed-price,
.wccma-co-shop-speed-price .amount {
    font-family: var(--stigma-bangers) !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    letter-spacing: .03em !important;
    color: var(--stigma-ink) !important;
    white-space: nowrap !important;
}
.wccma-co-shop-speed-free {
    font-family: var(--stigma-bangers) !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    color: var(--stigma-accent-2) !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}
.wccma-co-shop-speed-empty {
    padding: 16px 18px !important;
    border: 1.5px dashed var(--stigma-line) !important;
    border-radius: 12px !important;
    background: var(--stigma-paper-2) !important;
    font-size: 14px !important;
    color: var(--stigma-muted) !important;
    text-align: center !important;
}
.wccma-co-shop-free-tag {
    font-family: var(--stigma-bangers) !important;
    color: var(--stigma-accent-2) !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

@media (max-width: 540px) {
    .wccma-co-shop-speed-opt { padding: 13px 14px !important; }
    .wccma-co-shop-speed-name,
    .wccma-co-shop-speed-price,
    .wccma-co-shop-speed-free,
    .wccma-co-shop-speed-price .amount { font-size: 17px !important; }
}

/* ============ PAYMENT BLOCK (WC default, restyled) ============ */
.wccma-co-shop-payment,
.wccma-co-shop-payment *:not(.wc_payment_method):not(input):not(button):not(select):not(textarea):not(label):not(img) {
    background-color: transparent !important;
}
.wccma-co-shop-payment {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.wccma-co-shop-payment #order_review,
.wccma-co-shop-payment .woocommerce-checkout-payment,
.wccma-co-shop-payment #payment {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.wccma-co-shop-payment .wc_payment_methods {
    list-style: none !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    background: transparent !important;
    border: none !important;
}
.wccma-co-shop-payment .wc_payment_method {
    background: #fff !important;
    border: 1.5px solid var(--stigma-line) !important;
    border-radius: 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    transition: border .15s, box-shadow .15s !important;
}
.wccma-co-shop-payment .wc_payment_method:hover { border-color: var(--stigma-ink) !important; }
.wccma-co-shop-payment .wc_payment_method input[type="radio"]:checked + label,
.wccma-co-shop-payment .wc_payment_method.wc_payment_method-selected {
    border-color: var(--stigma-ink) !important;
}
.wccma-co-shop-payment .wc_payment_method > label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 16px 18px !important;
    margin: 0 !important;
    cursor: pointer !important;
    font-family: var(--stigma-bangers) !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: var(--stigma-ink) !important;
    background: transparent !important;
    border: none !important;
    min-height: 0 !important;
    line-height: 1.2 !important;
}
.wccma-co-shop-payment .wc_payment_method > label img {
    display: inline-block !important;
    max-height: 24px !important;
    width: auto !important;
    margin: 0 0 0 6px !important;
}
.wccma-co-shop-payment .wc_payment_method input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--stigma-ink) !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}
.wccma-co-shop-payment .wc_payment_method .payment_box {
    background: var(--stigma-paper-2) !important;
    border: none !important;
    border-top: 1px solid var(--stigma-line) !important;
    border-radius: 0 !important;
    padding: 16px 18px !important;
    font-size: 14px !important;
    color: var(--stigma-ink) !important;
    margin: 0 !important;
    font-family: var(--stigma-body) !important;
}
.wccma-co-shop-payment .wc_payment_method .payment_box::before { display: none !important; }
.wccma-co-shop-payment .wc_payment_method .payment_box p { margin: 0 0 10px !important; }
.wccma-co-shop-payment .wc_payment_method .payment_box p:last-child { margin-bottom: 0 !important; }

.wccma-co-shop #place_order,
.wccma-co-shop button#place_order {
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 20px !important;
    background: var(--stigma-ink) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 14px !important;
    font-family: var(--stigma-bangers) !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    letter-spacing: .06em !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
}
.wccma-co-shop #place_order:hover,
.wccma-co-shop button#place_order:hover { background: #000 !important; }

.wccma-co-shop-payment .place-order { padding: 0 !important; margin: 0 !important; }
.wccma-co-shop-payment .woocommerce-terms-and-conditions-wrapper,
.wccma-co-shop-payment .woocommerce-privacy-policy-text p {
    font-size: 12px !important;
    color: var(--stigma-muted) !important;
    margin: 12px 0 0 !important;
    line-height: 1.5 !important;
}
.wccma-co-shop-payment .woocommerce-privacy-policy-text a { color: var(--stigma-ink) !important; border-bottom: 1px solid var(--stigma-line) !important; }

.wccma-co-shop-return-inline {
    display: inline-block !important;
    margin-top: 10px !important;
    font-size: 13px !important;
    color: var(--stigma-muted) !important;
    border-bottom: 1px solid var(--stigma-line) !important;
    padding-bottom: 1px !important;
}
.wccma-co-shop-return-inline:hover { color: var(--stigma-ink) !important; }

/* ============ SUMMARY (right column) ============ */
.wccma-co-shop-summary {
    background: #fff !important;
    border: 1.5px solid var(--stigma-line) !important;
    border-radius: 18px !important;
    padding: 26px !important;
    position: sticky !important;
    top: 24px !important;
    box-shadow: none !important;
    max-width: none !important;
}
.wccma-co-shop-summary-title {
    font-family: var(--stigma-bangers) !important;
    font-size: 26px !important;
    font-weight: 400 !important;
    letter-spacing: .04em !important;
    margin: 0 0 16px !important;
    text-transform: uppercase !important;
    color: var(--stigma-ink) !important;
}
.wccma-co-shop-summary-body { padding: 0 !important; background: transparent !important; }

/* Mobile toggle (hidden on desktop) */
.wccma-co-shop-summary-toggle { display: none !important; }

.wccma-co-shop-lines {
    list-style: none !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
}
.wccma-co-shop-line {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 14px 0 !important;
    border-bottom: 1px solid var(--stigma-line) !important;
    margin: 0 !important;
}
.wccma-co-shop-line:last-child { border-bottom: none !important; }
.wccma-co-shop-line-thumb {
    position: relative !important;
    width: 64px !important;
    height: 64px !important;
    background: var(--stigma-paper-3) !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
    overflow: visible !important;
    display: block !important;
}
.wccma-co-shop-line-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}
.wccma-co-shop-line-qty {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: var(--stigma-ink) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: var(--stigma-body) !important;
    line-height: 1 !important;
    border: 2px solid #fff !important;
}
.wccma-co-shop-line-meta {
    font-size: 14px !important;
    min-width: 0 !important;
    display: block !important;
}
.wccma-co-shop-line-name {
    display: block !important;
    font-family: var(--stigma-bangers) !important;
    font-size: 18px !important;
    letter-spacing: .03em !important;
    color: var(--stigma-ink) !important;
    line-height: 1.2 !important;
}
.wccma-co-shop-line-var {
    display: block !important;
    font-size: 12px !important;
    color: var(--stigma-muted) !important;
    margin-top: 2px !important;
    font-family: var(--stigma-body) !important;
}
.wccma-co-shop-line-var p { margin: 0 !important; }
.wccma-co-shop-line-price {
    font-family: var(--stigma-bangers) !important;
    font-size: 20px !important;
    letter-spacing: .04em !important;
    color: var(--stigma-ink) !important;
    white-space: nowrap !important;
}

/* Discount code row */
.wccma-co-shop-discount {
    margin: 16px 0 14px !important;
    padding: 0 !important;
}
.wccma-co-shop-discount-row {
    display: flex !important;
    gap: 8px !important;
}
.wccma-co-shop-discount-input {
    flex: 1 !important;
    padding: 12px 14px !important;
    border: 1.5px solid var(--stigma-line) !important;
    border-radius: 10px !important;
    font-family: var(--stigma-body) !important;
    font-size: 14px !important;
    outline: none !important;
    background: #fff !important;
    color: var(--stigma-ink) !important;
    min-height: 0 !important;
    width: 100% !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}
.wccma-co-shop-discount-input:focus { border-color: var(--stigma-ink) !important; }
.wccma-co-shop-discount-btn {
    padding: 0 18px !important;
    border: none !important;
    background: var(--stigma-ink) !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-family: var(--stigma-bangers) !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    letter-spacing: .06em !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    transition: opacity .15s !important;
    flex-shrink: 0 !important;
}
.wccma-co-shop-discount-btn[disabled] { opacity: .4 !important; cursor: not-allowed !important; }
.wccma-co-shop-discount-btn:not([disabled]):hover { opacity: .85 !important; }
.wccma-co-shop-discount-msg {
    margin-top: 8px !important;
    font-size: 13px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
}
.wccma-co-shop-discount-msg.is-error {
    background: #fef2f2 !important;
    color: #b91c1c !important;
    border: 1px solid #fecaca !important;
}
.wccma-co-shop-discount-msg.is-ok {
    background: #f0fdf4 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
}

/* Totals table — render rows as flex */
.wccma-co-shop-totals {
    margin: 0 !important;
    width: 100% !important;
    border: none !important;
    background: transparent !important;
    border-collapse: collapse !important;
    border-top: 1px solid var(--stigma-line) !important;
    padding-top: 8px !important;
}
.wccma-co-shop-totals tbody { display: none !important; }
.wccma-co-shop-totals thead { display: none !important; }
.wccma-co-shop-totals,
.wccma-co-shop-totals tfoot,
.wccma-co-shop-totals tfoot tr,
.wccma-co-shop-totals tfoot th,
.wccma-co-shop-totals tfoot td { display: block !important; }
.wccma-co-shop-totals tfoot { padding-top: 8px !important; }
.wccma-co-shop-totals tfoot tr {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 6px 0 !important;
    border: none !important;
}
.wccma-co-shop-totals tfoot th {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--stigma-ink) !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
    border: none !important;
}
.wccma-co-shop-totals tfoot td {
    font-family: var(--stigma-bangers) !important;
    font-size: 18px !important;
    letter-spacing: .04em !important;
    color: var(--stigma-ink) !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: right !important;
    border: none !important;
}
/* discount fees (Lids) + free shipping accent */
.wccma-co-shop-totals tfoot tr.fee-discount td,
.wccma-co-shop-totals tfoot tr.cart-discount td { color: var(--stigma-accent-2) !important; }
.wccma-co-shop-totals tfoot tr.woocommerce-shipping-totals .amount,
.wccma-co-shop-totals tfoot tr.shipping td { color: var(--stigma-ink) !important; }
/* Shipping radio list (when multiple methods exist) */
.wccma-co-shop-totals #shipping_method {
    list-style: none !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}
.wccma-co-shop-totals #shipping_method li {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--stigma-line) !important;
    border-radius: 8px !important;
    background: var(--stigma-paper-2) !important;
    font-size: 13px !important;
}
.wccma-co-shop-totals #shipping_method li label {
    margin: 0 !important;
    cursor: pointer !important;
    flex: 1 !important;
    color: var(--stigma-ink) !important;
}
.wccma-co-shop-totals #shipping_method li input[type="radio"] {
    width: 16px !important;
    height: 16px !important;
    accent-color: var(--stigma-ink) !important;
}

/* Grand total — big cyan */
.wccma-co-shop-totals tfoot tr.order-total {
    padding-top: 14px !important;
    margin-top: 6px !important;
    border-top: 1.5px solid var(--stigma-ink) !important;
    align-items: baseline !important;
}
.wccma-co-shop-totals tfoot tr.order-total th {
    font-family: var(--stigma-bangers) !important;
    font-size: 18px !important;
    letter-spacing: .08em !important;
    color: var(--stigma-ink) !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
}
.wccma-co-shop-totals tfoot tr.order-total td,
.wccma-co-shop-totals tfoot tr.order-total .amount {
    font-family: var(--stigma-bangers) !important;
    font-size: 42px !important;
    color: var(--stigma-accent) !important;
    letter-spacing: .04em !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}
.wccma-co-shop-totals .includes_tax { font-size: 11px !important; color: var(--stigma-muted) !important; font-weight: 400 !important; }

/* Trust badges */
.wccma-co-shop-trust {
    display: flex !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-top: 14px !important;
    font-size: 11px !important;
    color: var(--stigma-muted) !important;
    flex-wrap: wrap !important;
}
.wccma-co-shop-trust-i {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}
.wccma-co-shop-trust-dot { color: var(--stigma-accent) !important; font-weight: 700 !important; font-size: 14px !important; line-height: 1 !important; }

/* WC notice/message restyle */
.wccma-co-shop .woocommerce-info,
.wccma-co-shop .woocommerce-message {
    background: #fff !important;
    border: 1.5px solid var(--stigma-line) !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    color: var(--stigma-ink) !important;
    box-shadow: none !important;
}
.wccma-co-shop .woocommerce-info::before,
.wccma-co-shop .woocommerce-message::before { color: var(--stigma-accent-2) !important; }
.wccma-co-shop .woocommerce-error {
    background: #fff !important;
    border: 1.5px solid #d33 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    color: #d33 !important;
    list-style: none !important;
    box-shadow: none !important;
}

.wccma-co-shop .create-account label {
    font-size: 14px !important;
    color: var(--stigma-ink) !important;
    font-weight: 500 !important;
}

/* Mobile sticky CTA (hidden on desktop) */
.wccma-co-shop-mcta { display: none !important; }

/* Footer */
.wccma-co-shop-foot {
    text-align: center !important;
    font-size: 12px !important;
    color: var(--stigma-muted) !important;
    padding: 0 24px 28px !important;
    margin-top: 24px !important;
}
.wccma-co-shop-foot a { border-bottom: 1px solid var(--stigma-line) !important; color: var(--stigma-ink) !important; }

/* ============ RESPONSIVE ============ */
@media (max-width: 920px) {
    .wccma-co-shop-hero { padding: 14px 18px !important; }
    .wccma-co-shop-logo-word { font-size: 26px !important; }
    .wccma-co-shop-wrap {
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        padding: 16px 18px 110px !important;
        width: 100% !important;       /* override desktop 70% */
        max-width: 100% !important;
        margin: 0 !important;
    }
    .wccma-co-shop-form-col {
        padding: 20px 0 0 !important;
        order: 2 !important;
        grid-column: 1 !important;
        grid-row: auto !important;
    }
    .wccma-co-shop-summary-col {
        order: 1 !important;
        grid-column: 1 !important;
        grid-row: auto !important;
    }
    /* Full-width sections: stack after the form col, before mobile CTA */
    .wccma-co-shop-section-full {
        grid-column: 1 !important;
        padding: 0 !important;
        margin-bottom: 24px !important;
    }
    .wccma-co-shop-section-full.wccma-co-shop-speed { order: 3 !important; }
    .wccma-co-shop-section-full.wccma-co-shop-payment { order: 4 !important; }
    .wccma-co-shop-page { font-size: 38px !important; margin: 6px 0 18px !important; }
    .wccma-co-shop-section-title { font-size: 22px !important; }
    .wccma-co-shop-lids { padding: 14px !important; gap: 10px !important; }
    .wccma-co-shop-lids-t { font-size: 17px !important; }
    .wccma-co-shop-lids-btn { padding: 8px 12px !important; font-size: 14px !important; }
    .wccma-co-shop-signed { padding: 12px 14px !important; }

    /* Collapsible summary on mobile — a prominent card with thumbnail strip */
    .wccma-co-shop-summary {
        position: relative !important;
        top: auto !important;
        border-radius: 16px !important;
        border: 1.5px solid var(--stigma-ink) !important;
        padding: 0 !important;
        background: #fff !important;
        margin: 0 !important;
        overflow: hidden !important;
        box-shadow: 0 2px 0 var(--stigma-ink) !important;
    }
    .wccma-co-shop-summary-title { display: none !important; }
    .wccma-co-shop-summary-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 16px 18px !important;
        cursor: pointer !important;
        background: var(--stigma-ink) !important;
        border: none !important;
        font-family: inherit !important;
        gap: 12px !important;
    }
    .wccma-co-shop-summary.is-open .wccma-co-shop-summary-toggle {
        border-bottom: 1.5px solid var(--stigma-line) !important;
        background: var(--stigma-ink) !important;
    }
    .wccma-co-shop-summary-toggle-l {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        flex: 1 !important;
        min-width: 0 !important;
    }
    .wccma-co-shop-summary-toggle-lbl {
        font-family: var(--stigma-bangers) !important;
        font-size: 20px !important;
        letter-spacing: .04em !important;
        color: #fff !important;
        text-transform: uppercase !important;
        display: flex !important;
        align-items: baseline !important;
        gap: 6px !important;
        flex-wrap: wrap !important;
    }
    .wccma-co-shop-summary-toggle-count {
        font-family: var(--stigma-body) !important;
        font-size: 12px !important;
        color: rgba(255,255,255,.7) !important;
        font-weight: 600 !important;
        text-transform: none !important;
        letter-spacing: .04em !important;
    }
    .wccma-co-shop-summary-toggle-chev {
        font-family: var(--stigma-bangers) !important;
        font-size: 22px !important;
        transition: transform .25s !important;
        color: var(--stigma-accent) !important;
        line-height: 1 !important;
    }
    .wccma-co-shop-summary.is-open .wccma-co-shop-summary-toggle-chev { transform: rotate(180deg) !important; }
    .wccma-co-shop-summary-toggle-tot {
        font-family: var(--stigma-bangers) !important;
        font-size: 24px !important;
        color: var(--stigma-accent) !important;
        letter-spacing: .04em !important;
        line-height: 1 !important;
    }
    .wccma-co-shop-summary-body { padding: 16px !important; display: none !important; }
    .wccma-co-shop-summary.is-open .wccma-co-shop-summary-body { display: block !important; }
    .wccma-co-shop-line { padding: 10px 0 !important; }
    .wccma-co-shop-line-thumb { width: 52px !important; height: 52px !important; }
    .wccma-co-shop-line-name { font-size: 16px !important; }
    .wccma-co-shop-line-price { font-size: 17px !important; }
    .wccma-co-shop-totals tfoot tr.order-total td,
    .wccma-co-shop-totals tfoot tr.order-total .amount { font-size: 32px !important; }
    .wccma-co-shop-trust { padding: 0 0 18px !important; }

    /* Payment method labels: wrap card-network icons on narrow screens */
    .wccma-co-shop-payment .wc_payment_method > label {
        flex-wrap: wrap !important;
        padding: 14px 16px !important;
        font-size: 16px !important;
        gap: 8px !important;
    }
    .wccma-co-shop-payment .wc_payment_method > label img { max-height: 20px !important; }
    .wccma-co-shop-payment .payment_box { padding: 14px 16px !important; font-size: 13px !important; }

    /* Lids panel: tighter side padding for dismiss X */
    .wccma-co-shop-lids { padding: 14px 32px 12px 14px !important; gap: 10px !important; }
    .wccma-co-shop-lids-head { flex-wrap: wrap !important; gap: 12px !important; }
    .wccma-co-shop-lids-copy { min-width: 0 !important; flex: 1 1 calc(100% - 60px) !important; }
    .wccma-co-shop-lids-btn { margin-top: 4px !important; }
    .wccma-co-shop-lids-dismiss { font-size: 20px !important; padding: 2px 6px !important; right: 6px !important; }
    .wccma-co-shop-lids-explain { font-size: 11px !important; padding-top: 8px !important; }

    /* Section heads: let "Secure & encrypted" wrap below the title if needed */
    .wccma-co-shop-sechead { flex-wrap: wrap !important; gap: 6px !important; }

    /* Signed-in strip: tighter on mobile */
    .wccma-co-shop-signed-e { font-size: 13px !important; }
    .wccma-co-shop-signed-s { font-size: 11px !important; }

    /* Place order button slightly less heavy on mobile */
    .wccma-co-shop #place_order,
    .wccma-co-shop button#place_order {
        font-size: 20px !important;
        padding: 16px !important;
    }

    /* Mobile sticky CTA */
    .wccma-co-shop-mcta {
        display: flex !important;
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background: #fff !important;
        border-top: 1px solid var(--stigma-line) !important;
        padding: 12px 16px !important;
        align-items: center !important;
        gap: 12px !important;
        z-index: 50 !important;
        box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.06) !important;
    }
    .wccma-co-shop-mcta-total { flex-shrink: 0 !important; }
    .wccma-co-shop-mcta-total-l {
        display: block !important;
        font-family: var(--stigma-body) !important;
        font-size: 11px !important;
        color: var(--stigma-muted) !important;
        text-transform: uppercase !important;
        letter-spacing: .1em !important;
        font-weight: 600 !important;
        line-height: 1.2 !important;
    }
    .wccma-co-shop-mcta-total-v {
        font-family: var(--stigma-bangers) !important;
        font-size: 24px !important;
        color: var(--stigma-ink) !important;
        letter-spacing: .03em !important;
        line-height: 1 !important;
    }
    .wccma-co-shop-mcta-btn {
        flex: 1 !important;
        padding: 14px 18px !important;
        background: var(--stigma-ink) !important;
        color: #fff !important;
        border: none !important;
        border-radius: 10px !important;
        font-family: var(--stigma-bangers) !important;
        font-weight: 400 !important;
        font-size: 18px !important;
        letter-spacing: .04em !important;
        cursor: pointer !important;
        text-transform: uppercase !important;
    }
    .wccma-co-shop-foot { padding-bottom: 100px !important; }
}

@media (max-width: 540px) {
    .wccma-co-shop-page { font-size: 32px !important; }
    .wccma-co-shop-form-col { padding: 20px 14px !important; }
    .wccma-co-shop-totals tfoot tr.order-total td { font-size: 28px !important; }
    .wccma-co-shop-line-thumb { width: 48px !important; height: 48px !important; }
}

/* ===== Hide theme chrome on the checkout page (full-bleed) ===== */
body.woocommerce-checkout .header-wrapper,
body.woocommerce-checkout .footer-wrapper,
body.woocommerce-checkout #masthead,
body.woocommerce-checkout #colophon { display: none !important; }


/* =============================================================
   STIGMA THANK-YOU PAGE (/order-received/)
   Renders inside the THEME template (header + footer come from
   the active theme). The wrapper neutralizes the full-bleed
   styles inherited from .wccma-co-shop (which was designed for
   the bare checkout takeover) so it sits cleanly inside the
   theme's content area.
   ============================================================= */
.wccma-co-shop.wccma-co-thanks {
    background: transparent !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.wccma-co-shop.wccma-co-thanks .wccma-co-thanks-wrap,
.wccma-co-thanks .wccma-co-thanks-wrap,
.wccma-co-thanks-wrap {
    max-width: 880px !important;
    margin: 0 auto !important;
    padding: 56px clamp(20px, 4vw, 40px) 80px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Hero confirmation */
.wccma-co-thanks-hero {
    text-align: center !important;
    margin-bottom: 32px !important;
}
.wccma-co-thanks-check {
    width: 64px !important;
    height: 64px !important;
    margin: 0 auto 18px !important;
    display: block !important;
    animation: wccma-thanks-pop .5s cubic-bezier(.34, 1.56, .64, 1) both !important;
}
.wccma-co-thanks-check svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}
@keyframes wccma-thanks-pop {
    0%   { opacity: 0; transform: scale(0.6); }
    100% { opacity: 1; transform: scale(1); }
}
.wccma-co-thanks-h1 {
    font-family: var(--stigma-bangers) !important;
    font-size: clamp(38px, 6vw, 58px) !important;
    font-weight: 400 !important;
    letter-spacing: .04em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    margin: 0 0 14px !important;
    color: var(--stigma-ink) !important;
}
.wccma-co-thanks-a { color: var(--stigma-accent) !important; }
.wccma-co-thanks-sub {
    font-size: 15px !important;
    color: var(--stigma-muted) !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}
.wccma-co-thanks-sub strong { color: var(--stigma-ink) !important; }

/* Lids callout */
.wccma-co-thanks-lids {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 18px !important;
    border-radius: 14px !important;
    background: var(--stigma-ink) !important;
    color: #fff !important;
    margin: 0 0 24px !important;
}
.wccma-co-thanks-lids-ic {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: var(--stigma-accent) !important;
    color: var(--stigma-ink) !important;
    font-family: var(--stigma-bangers) !important;
    font-size: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.wccma-co-thanks-lids-t {
    font-family: var(--stigma-bangers) !important;
    font-size: 22px !important;
    letter-spacing: .04em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
}
.wccma-co-thanks-lids-s {
    font-size: 13px !important;
    opacity: .75 !important;
    margin-top: 2px !important;
}

/* Cards */
.wccma-co-thanks-card {
    background: #fff !important;
    border: 1.5px solid var(--stigma-line) !important;
    border-radius: 18px !important;
    padding: 26px !important;
    margin-bottom: 20px !important;
}
.wccma-co-thanks-card--split {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
}
.wccma-co-thanks-card-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
    flex-wrap: wrap !important;
}
.wccma-co-thanks-card-title,
.wccma-co-thanks-block-title {
    font-family: var(--stigma-bangers) !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: var(--stigma-ink) !important;
    margin: 0 0 12px !important;
}
.wccma-co-thanks-card-head .wccma-co-thanks-card-title { margin-bottom: 0 !important; }
.wccma-co-thanks-status {
    display: inline-block !important;
    padding: 4px 10px !important;
    background: var(--stigma-paper-2) !important;
    border: 1px solid var(--stigma-line) !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .1em !important;
    color: var(--stigma-muted) !important;
}
.wccma-co-thanks-status--processing,
.wccma-co-thanks-status--completed { color: var(--stigma-accent-2) !important; border-color: var(--stigma-accent) !important; background: rgba(0,200,224,.08) !important; }
.wccma-co-thanks-status--on-hold,
.wccma-co-thanks-status--pending { color: #b45309 !important; border-color: #fcd34d !important; background: #fffbeb !important; }

/* Line items */
.wccma-co-thanks-lines {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.wccma-co-thanks-line {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 14px !important;
    align-items: center !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid var(--stigma-line) !important;
}
.wccma-co-thanks-line:last-child { border-bottom: none !important; }
.wccma-co-thanks-line-thumb {
    position: relative !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 10px !important;
    background: var(--stigma-paper-3) !important;
    flex-shrink: 0 !important;
}
.wccma-co-thanks-line-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    display: block !important;
}
.wccma-co-thanks-line-qty {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: var(--stigma-ink) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #fff !important;
    line-height: 1 !important;
}
.wccma-co-thanks-line-meta {
    min-width: 0 !important;
    display: block !important;
}
.wccma-co-thanks-line-name {
    display: block !important;
    font-family: var(--stigma-bangers) !important;
    font-size: 17px !important;
    letter-spacing: .03em !important;
    line-height: 1.2 !important;
    color: var(--stigma-ink) !important;
}
.wccma-co-thanks-line-var {
    display: block !important;
    font-size: 12px !important;
    color: var(--stigma-muted) !important;
    margin-top: 2px !important;
}
.wccma-co-thanks-line-var p { margin: 0 !important; display: inline !important; }
.wccma-co-thanks-line-price {
    font-family: var(--stigma-bangers) !important;
    font-size: 18px !important;
    letter-spacing: .04em !important;
    color: var(--stigma-ink) !important;
    white-space: nowrap !important;
}

/* Totals */
.wccma-co-thanks-totals {
    margin-top: 16px !important;
    padding-top: 12px !important;
    border-top: 1px solid var(--stigma-line) !important;
}
.wccma-co-thanks-total-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 6px 0 !important;
    font-size: 14px !important;
    color: var(--stigma-ink) !important;
}
.wccma-co-thanks-total-row .wccma-co-thanks-total-v {
    font-family: var(--stigma-bangers) !important;
    font-size: 18px !important;
    letter-spacing: .04em !important;
}
.wccma-co-thanks-total-row.is-grand {
    margin-top: 8px !important;
    padding-top: 12px !important;
    border-top: 1.5px solid var(--stigma-ink) !important;
    align-items: baseline !important;
}
.wccma-co-thanks-total-row.is-grand .wccma-co-thanks-total-l {
    font-family: var(--stigma-bangers) !important;
    font-size: 18px !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}
.wccma-co-thanks-total-row.is-grand .wccma-co-thanks-total-v {
    font-size: 36px !important;
    color: var(--stigma-accent) !important;
    line-height: 1 !important;
}

/* What's next steps */
.wccma-co-thanks-steps {
    list-style: none !important;
    counter-reset: stigma-step !important;
    margin: 0 !important;
    padding: 0 !important;
}
.wccma-co-thanks-steps li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    padding: 10px 0 !important;
    font-size: 14px !important;
    color: var(--stigma-ink) !important;
    line-height: 1.5 !important;
}
.wccma-co-thanks-step-n {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: var(--stigma-paper-3) !important;
    color: var(--stigma-ink) !important;
    font-family: var(--stigma-bangers) !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
}
.wccma-co-thanks-steps li:first-child .wccma-co-thanks-step-n {
    background: var(--stigma-accent) !important;
}
.wccma-co-thanks-steps li strong {
    display: block !important;
    font-weight: 600 !important;
    color: var(--stigma-ink) !important;
}
.wccma-co-thanks-step-s {
    display: block !important;
    font-size: 13px !important;
    color: var(--stigma-muted) !important;
    margin-top: 2px !important;
}

/* Shipping + payment block */
.wccma-co-thanks-address {
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: var(--stigma-ink) !important;
}
.wccma-co-thanks-address br { line-height: 1.55 !important; }
.wccma-co-thanks-payment {
    font-size: 14px !important;
    color: var(--stigma-ink) !important;
}

/* CTAs */
.wccma-co-thanks-ctas {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-top: 28px !important;
}
.wccma-co-thanks-cta {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px 22px !important;
    border-radius: 14px !important;
    font-family: var(--stigma-bangers) !important;
    font-size: 20px !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: background .15s !important;
}
.wccma-co-thanks-cta--primary {
    background: var(--stigma-ink) !important;
    color: #fff !important;
    border: 2px solid var(--stigma-ink) !important;
}
.wccma-co-thanks-cta--primary:hover { background: #000 !important; }
.wccma-co-thanks-cta--secondary {
    background: transparent !important;
    color: var(--stigma-ink) !important;
    border: 2px solid var(--stigma-ink) !important;
}
.wccma-co-thanks-cta--secondary:hover { background: var(--stigma-paper-3) !important; }

/* Tablet & small desktop: shrink padding + stack the shipping/payment split */
@media (max-width: 768px) {
    .wccma-co-shop.wccma-co-thanks .wccma-co-thanks-wrap,
    .wccma-co-thanks-wrap { padding: 40px 20px 60px !important; }
    .wccma-co-thanks-card { padding: 22px !important; }
    .wccma-co-thanks-card--split { grid-template-columns: 1fr !important; gap: 22px !important; }
    .wccma-co-thanks-h1 { font-size: clamp(34px, 8vw, 48px) !important; }
}

/* Phone */
@media (max-width: 540px) {
    .wccma-co-shop.wccma-co-thanks .wccma-co-thanks-wrap,
    .wccma-co-thanks-wrap { padding: 28px 16px 60px !important; }
    .wccma-co-thanks-card { padding: 18px !important; border-radius: 14px !important; margin-bottom: 14px !important; }
    .wccma-co-thanks-hero { margin-bottom: 24px !important; }
    .wccma-co-thanks-check { width: 56px !important; height: 56px !important; margin-bottom: 14px !important; }
    .wccma-co-thanks-h1 { font-size: clamp(30px, 9vw, 40px) !important; }
    .wccma-co-thanks-sub { font-size: 14px !important; }

    /* Compact totals on phone */
    .wccma-co-thanks-total-row { font-size: 13px !important; }
    .wccma-co-thanks-total-row .wccma-co-thanks-total-v { font-size: 16px !important; }
    .wccma-co-thanks-total-row.is-grand .wccma-co-thanks-total-v { font-size: 28px !important; }
    .wccma-co-thanks-total-row.is-grand .wccma-co-thanks-total-l { font-size: 16px !important; }

    /* Line items: smaller thumbs + tighter type */
    .wccma-co-thanks-line { gap: 12px !important; padding: 10px 0 !important; }
    .wccma-co-thanks-line-thumb { width: 48px !important; height: 48px !important; }
    .wccma-co-thanks-line-name { font-size: 15px !important; }
    .wccma-co-thanks-line-price { font-size: 16px !important; }

    /* Card heading + status pill wrap nicely */
    .wccma-co-thanks-card-head { gap: 8px !important; }
    .wccma-co-thanks-card-title,
    .wccma-co-thanks-block-title { font-size: 19px !important; }
    .wccma-co-thanks-status { font-size: 10px !important; padding: 3px 8px !important; }

    /* Steps */
    .wccma-co-thanks-steps li { gap: 12px !important; padding: 8px 0 !important; font-size: 13px !important; }
    .wccma-co-thanks-step-n { width: 28px !important; height: 28px !important; font-size: 14px !important; }
    .wccma-co-thanks-step-s { font-size: 12px !important; }

    /* CTAs */
    .wccma-co-thanks-cta { font-size: 17px !important; padding: 15px 18px !important; border-radius: 12px !important; }
    .wccma-co-thanks-ctas { margin-top: 22px !important; gap: 8px !important; }

    /* Lids callout */
    .wccma-co-thanks-lids { padding: 14px !important; gap: 12px !important; margin-bottom: 18px !important; }
    .wccma-co-thanks-lids-ic { width: 36px !important; height: 36px !important; font-size: 18px !important; }
    .wccma-co-thanks-lids-t { font-size: 18px !important; }
    .wccma-co-thanks-lids-s { font-size: 12px !important; }
}

/* Very narrow phones (iPhone SE-ish) */
@media (max-width: 360px) {
    .wccma-co-shop.wccma-co-thanks .wccma-co-thanks-wrap,
    .wccma-co-thanks-wrap { padding: 24px 14px 50px !important; }
    .wccma-co-thanks-card { padding: 16px !important; }
    .wccma-co-thanks-h1 { font-size: 28px !important; }
}


/* =============================================================
   ORDERS ENDPOINT (/my-account/orders/)
   Brutalist Stigma — matches the dashboard tokens.
   ============================================================= */

.wccma-orders {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* Page header — "Your orders." */
.wccma-orders-head { margin-bottom: 4px; }
.wccma-orders-title {
    font-family: var(--wccma-display);
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 400;
    letter-spacing: .04em;
    line-height: .95;
    margin: 0 0 8px;
    text-transform: uppercase;
    color: var(--wccma-ink);
}
.wccma-orders-title .wccma-accent {
    color: var(--wccma-accent);
    filter: drop-shadow(3px 3px 0 #000);
}
.wccma-orders-sub {
    margin: 0;
    font-family: var(--wccma-mono);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--wccma-muted);
}

/* Toolbar — search + status chips + sort */
.wccma-orders-toolbar {
    background: #fff;
    border: 4px solid #000;
    box-shadow: 6px 6px 0 #000;
    padding: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.wccma-orders-search {
    flex: 1;
    min-width: 220px;
    padding: 11px 14px;
    border: 3px solid #000;
    background: #fff;
    font-family: var(--wccma-body);
    font-size: 13px;
    font-weight: 600;
    outline: none;
    box-shadow: 3px 3px 0 #000;
    color: var(--wccma-ink);
}
.wccma-orders-search:focus { box-shadow: 4px 4px 0 var(--wccma-accent); }
.wccma-orders-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.wccma-chip {
    padding: 10px 14px;
    background: #fff;
    border: 3px solid #000;
    font-family: var(--wccma-heavy);
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
    cursor: pointer;
    color: var(--wccma-ink);
    transition: background .12s, color .12s;
}
.wccma-chip:hover { background: var(--wccma-bg); }
.wccma-chip.wccma-chip-active {
    background: #000;
    color: var(--wccma-accent);
}
.wccma-orders-sort {
    padding: 11px 14px;
    border: 3px solid #000;
    background: #fff;
    font-family: var(--wccma-body);
    font-size: 13px;
    font-weight: 600;
    outline: none;
    box-shadow: 3px 3px 0 #000;
    cursor: pointer;
    color: var(--wccma-ink);
}

/* Order list */
.wccma-orders-list { display: flex; flex-direction: column; gap: 24px; }

.wccma-order-card {
    background: #fff;
    border: 4px solid #000;
    box-shadow: 6px 6px 0 #000;
    padding: 20px;
    transition: transform .15s, box-shadow .15s;
}
.wccma-order-card:hover {
    transform: translate(2px, 2px);
    box-shadow: 4px 4px 0 #000;
}

/* Highlight in-progress orders with a cyan shadow accent. */
.wccma-order-card[data-status="processing"],
.wccma-order-card[data-status="on-hold"] {
    box-shadow: 6px 6px 0 var(--wccma-accent), 8px 8px 0 #000;
}
.wccma-order-card[data-status="processing"]:hover,
.wccma-order-card[data-status="on-hold"]:hover {
    box-shadow: 4px 4px 0 var(--wccma-accent), 6px 6px 0 #000;
}

/* Top: order id + date + status pill */
.wccma-order-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    padding-bottom: 14px;
    border-bottom: 3px dashed #000;
    margin-bottom: 14px;
    flex-wrap: wrap;
}
.wccma-order-id {
    font-family: var(--wccma-display);
    font-size: 28px;
    letter-spacing: .04em;
    line-height: 1;
    color: var(--wccma-ink);
}
.wccma-order-date {
    font-family: var(--wccma-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    color: var(--wccma-muted);
    text-transform: uppercase;
    margin-top: 4px;
}

/* Status pill — brutalist border + per-status color */
.wccma-status {
    display: inline-block;
    padding: 6px 12px;
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    border: 3px solid #000;
    flex-shrink: 0;
    align-self: flex-start;
}
.wccma-status-proc   { background: var(--wccma-accent); color: #000; }
.wccma-status-done   { background: var(--wccma-good); color: #000; }
.wccma-status-hold   { background: var(--wccma-warn); color: #000; }
.wccma-status-cancel { background: var(--wccma-alt); color: #fff; }
.wccma-status-refund { background: var(--wccma-alt); color: #fff; }
.wccma-status-shipped { background: #000; color: var(--wccma-accent); }

/* Line items (small product chips) */
.wccma-order-lines {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 14px;
}
.wccma-order-line {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border: 2px solid #000;
    background: var(--wccma-bg);
}
.wccma-order-line-pic {
    width: 36px;
    height: 36px;
    background: #fff;
    border: 2px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--wccma-display);
    font-size: 14px;
    letter-spacing: .04em;
    color: var(--wccma-ink);
    flex-shrink: 0;
    overflow: hidden;
}
.wccma-order-line-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.wccma-line-pink { color: var(--wccma-alt); }
.wccma-line-cyan { color: var(--wccma-accent); }
.wccma-line-dark { background: #000; color: #fff; }
.wccma-order-line-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
.wccma-order-line-name {
    font-family: var(--wccma-heavy);
    font-size: 11px;
    letter-spacing: .04em;
    color: var(--wccma-ink);
    line-height: 1.2;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.wccma-order-line-qty {
    font-family: var(--wccma-mono);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .12em;
    color: var(--wccma-muted);
    text-transform: uppercase;
}

/* Tracking block (only for in-transit orders) */
.wccma-order-tracking {
    margin: 12px 0;
    padding: 14px 18px;
    background: #2a2a2a;
    color: #fff;
    border: 3px solid #000;
}
.wccma-order-tracking-l {
    font-family: var(--wccma-mono);
    font-size: 10px;
    letter-spacing: .18em;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.wccma-order-tracking-v {
    font-family: var(--wccma-display);
    font-size: 18px;
    color: var(--wccma-accent);
    letter-spacing: .04em;
}
.wccma-order-tracking-progress {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
}
.wccma-order-tracking-step {
    padding: 8px;
    border: 2px solid #2a2a2a;
    text-align: center;
    font-family: var(--wccma-mono);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .14em;
    color: #888;
    text-transform: uppercase;
}
.wccma-order-tracking-step.is-done {
    background: var(--wccma-accent);
    color: #000;
    border-color: var(--wccma-accent);
}
.wccma-order-tracking-step.is-active {
    background: #0a0a0b;
    border-color: var(--wccma-accent);
    color: var(--wccma-accent);
}

/* Bottom: totals + actions */
.wccma-order-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    padding-top: 14px;
    border-top: 2px dashed #ddd;
}
.wccma-order-totals {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.wccma-order-totals-l {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    color: var(--wccma-muted);
    text-transform: uppercase;
}
.wccma-order-totals-t {
    font-family: var(--wccma-display);
    font-size: 24px;
    color: var(--wccma-accent);
    filter: drop-shadow(2px 2px 0 #000);
    letter-spacing: .04em;
    line-height: 1;
}
.wccma-order-totals-t .amount { color: inherit; font-family: inherit; }
.wccma-order-totals-t .woocommerce-Price-currencySymbol { font-size: .8em; }

.wccma-order-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Brutalist buttons — reused on dashboard too, but scoped here for safety */
.wccma-orders .wccma-btn,
.wccma-orders-empty .wccma-btn {
    font-family: var(--wccma-display);
    font-size: 16px;
    letter-spacing: .04em;
    padding: 9px 16px;
    border: 3px solid #000;
    cursor: pointer;
    text-transform: uppercase;
    transition: transform .1s, box-shadow .1s;
    display: inline-block;
    text-decoration: none;
    line-height: 1.2;
}
.wccma-orders .wccma-btn-p,
.wccma-orders-empty .wccma-btn-p { background: var(--wccma-accent); color: #000; box-shadow: 4px 4px 0 #000; }
.wccma-orders .wccma-btn-w { background: #fff; color: #000; box-shadow: 4px 4px 0 #000; }
.wccma-orders .wccma-btn-d { background: #000; color: var(--wccma-accent); box-shadow: 4px 4px 0 var(--wccma-alt); }
.wccma-orders .wccma-btn:hover,
.wccma-orders-empty .wccma-btn:hover { transform: translate(2px, 2px); }
.wccma-orders .wccma-btn-p:hover,
.wccma-orders .wccma-btn-w:hover,
.wccma-orders-empty .wccma-btn-p:hover { box-shadow: 2px 2px 0 #000; }
.wccma-orders .wccma-btn-d:hover { box-shadow: 2px 2px 0 var(--wccma-alt); }

/* Pagination */
.wccma-orders-pag {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: wrap;
}
.wccma-pag-btn {
    font-family: var(--wccma-heavy);
    font-size: 11px;
    letter-spacing: .12em;
    padding: 10px 16px;
    border: 3px solid #000;
    background: #fff;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 3px 3px 0 #000;
    color: var(--wccma-ink);
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
}
.wccma-pag-btn:hover { background: var(--wccma-bg); }
.wccma-pag-btn.wccma-pag-active {
    background: var(--wccma-accent);
    cursor: default;
}
.wccma-pag-btn.is-disabled { opacity: .35; cursor: not-allowed; }

/* Empty state — when no orders exist at all */
.wccma-orders-empty {
    background: #fff;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 #000;
    padding: 48px 32px;
    text-align: center;
}
.wccma-orders-empty-ic {
    width: 80px;
    height: 80px;
    margin: 0 auto 18px;
    color: var(--wccma-ink);
}
.wccma-orders-empty-ic svg { width: 100%; height: 100%; display: block; }
.wccma-orders-empty-h {
    font-family: var(--wccma-display);
    font-size: 32px;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin: 0 0 8px;
    color: var(--wccma-ink);
}
.wccma-orders-empty-p {
    color: var(--wccma-muted);
    margin: 0 0 22px;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

/* Hide message shown when filters return no results */
.wccma-orders-empty-filter {
    background: #fff;
    border: 3px dashed #000;
    padding: 24px;
    text-align: center;
    font-family: var(--wccma-mono);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--wccma-muted);
}

/* Mobile tweaks */
@media (max-width: 720px) {
    .wccma-orders-toolbar { padding: 14px; }
    .wccma-orders-search { min-width: 100%; }
    .wccma-order-card { padding: 16px; }
    .wccma-order-id { font-size: 22px; }
    .wccma-order-totals-t { font-size: 22px; }
    .wccma-order-actions { width: 100%; }
    .wccma-orders .wccma-btn { font-size: 14px; padding: 8px 12px; }
    .wccma-order-tracking-progress { grid-template-columns: repeat(2, 1fr); }
}


/* =============================================================
   ACCOUNT DETAILS PAGE (/my-account/edit-account/)
   Brutalist Stigma — profile strip + form panels + switches + danger zone
   ============================================================= */

.wccma-acct {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* Page header */
.wccma-acct-head { margin-bottom: 4px; }
.wccma-acct-title {
    font-family: var(--wccma-display);
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 400;
    letter-spacing: .04em;
    line-height: .95;
    margin: 0 0 8px;
    text-transform: uppercase;
    color: var(--wccma-ink);
}
.wccma-acct-title .wccma-accent {
    color: var(--wccma-accent);
    filter: drop-shadow(3px 3px 0 #000);
}
.wccma-acct-sub {
    margin: 0;
    font-family: var(--wccma-mono);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--wccma-muted);
}

/* Profile strip */
.wccma-acct-profile {
    background: #fff;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 var(--wccma-accent);
    padding: 28px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 24px;
    align-items: center;
}
.wccma-acct-avatar {
    width: 120px;
    height: 120px;
    background: var(--wccma-bg);
    border: 4px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--wccma-display);
    font-size: 54px;
    color: #000;
    position: relative;
    overflow: visible;
}
.wccma-acct-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.wccma-acct-avatar-edit {
    position: absolute;
    bottom: -12px;
    right: -12px;
    width: 38px;
    height: 38px;
    background: var(--wccma-accent);
    border: 4px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--wccma-heavy);
    font-size: 16px;
    cursor: pointer;
    color: #000;
}
.wccma-acct-avatar-edit:hover { background: #fff; }
.wccma-acct-profile-info { min-width: 0; }
.wccma-acct-tag {
    display: inline-block;
    padding: 5px 12px;
    background: #000;
    color: var(--wccma-accent);
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.wccma-acct-profile-info h2 {
    font-family: var(--wccma-display);
    font-size: clamp(28px, 4vw, 42px);
    letter-spacing: .04em;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
    color: var(--wccma-ink);
}
.wccma-acct-profile-info h2 .wccma-accent {
    color: var(--wccma-accent);
    filter: drop-shadow(2px 2px 0 #000);
}
.wccma-acct-meta {
    margin-top: 10px;
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    font-family: var(--wccma-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    color: var(--wccma-muted);
    text-transform: uppercase;
}

@media (max-width: 680px) {
    .wccma-acct-profile {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .wccma-acct-avatar { margin: 0 auto; }
    .wccma-acct-meta { justify-content: center; }
}

/* Form panels */
.wccma-acct-form { display: flex; flex-direction: column; gap: 28px; }
.wccma-acct-panel {
    background: #fff;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 #000;
    padding: 28px;
}
.wccma-acct-panel-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 22px;
    flex-wrap: wrap;
}
.wccma-acct-panel-tag {
    display: inline-block;
    padding: 5px 12px;
    background: #000;
    color: var(--wccma-accent);
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.wccma-acct-panel-h {
    font-family: var(--wccma-display);
    font-size: 28px;
    letter-spacing: .04em;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
    color: var(--wccma-ink);
}
.wccma-acct-panel-h .wccma-accent {
    color: var(--wccma-accent);
    filter: drop-shadow(2px 2px 0 #000);
}

/* Form grid */
.wccma-acct-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
@media (max-width: 680px) {
    .wccma-acct-grid { grid-template-columns: 1fr; }
}
.wccma-acct-field { display: flex; flex-direction: column; }
.wccma-acct-field label {
    font-family: var(--wccma-heavy);
    font-size: 11px;
    letter-spacing: .18em;
    text-transform: uppercase;
    margin-bottom: 6px;
    color: var(--wccma-ink);
}
.wccma-acct-field input,
.wccma-acct-field select {
    width: 100%;
    padding: 12px 14px;
    border: 3px solid #000;
    background: #fff;
    font-family: var(--wccma-body);
    font-size: 14px;
    font-weight: 600;
    outline: none;
    box-shadow: 3px 3px 0 #000;
    transition: transform .1s, box-shadow .1s;
    color: var(--wccma-ink);
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
}
.wccma-acct-field input:focus,
.wccma-acct-field select:focus {
    transform: translate(2px, 2px);
    box-shadow: 1px 1px 0 var(--wccma-accent);
}
.wccma-acct-hint {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--wccma-muted);
    margin-top: 6px;
    text-transform: uppercase;
}

/* Password input + show/hide eye button */
.wccma-acct-input-wrap { position: relative; }
.wccma-acct-input-wrap input { padding-right: 64px; }
.wccma-acct-eye {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
    color: var(--wccma-accent);
    border: none;
    width: 50px;
    height: 30px;
    font-family: var(--wccma-heavy);
    font-size: 10px;
    cursor: pointer;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.wccma-acct-eye:hover { background: var(--wccma-accent); color: #000; }

/* Actions row + submit */
.wccma-acct-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 18px;
    border-top: 3px dashed #000;
    margin-top: 22px;
}
.wccma-acct-meta-line {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    color: var(--wccma-muted);
    text-transform: uppercase;
}
.wccma-acct-spacer { flex: 1; }
.wccma-acct-btn {
    font-family: var(--wccma-display);
    font-size: 18px;
    letter-spacing: .04em;
    padding: 12px 20px;
    border: 4px solid #000;
    cursor: pointer;
    text-transform: uppercase;
    transition: transform .1s, box-shadow .1s;
    display: inline-block;
    text-decoration: none;
    line-height: 1.2;
}
.wccma-acct-btn-p { background: var(--wccma-accent); color: #000; box-shadow: 5px 5px 0 #000; }
.wccma-acct-btn-w { background: #fff; color: #000; box-shadow: 5px 5px 0 #000; }
.wccma-acct-btn:hover { transform: translate(2px, 2px); box-shadow: 3px 3px 0 #000; }

/* Bottom submit (after main edit form) — full-width on small screens */
.wccma-acct-form > p:last-child {
    margin: 0;
    text-align: right;
}
.wccma-acct-form > p:last-child .wccma-acct-btn { display: inline-block; }
@media (max-width: 540px) {
    .wccma-acct-form > p:last-child .wccma-acct-btn { display: block; width: 100%; text-align: center; }
}

/* Notification prefs */
.wccma-acct-pref {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 2px dashed #ddd;
}
.wccma-acct-pref:last-child { border-bottom: none; }
.wccma-acct-pref-text { min-width: 0; flex: 1; }
.wccma-acct-pref-t {
    font-family: var(--wccma-heavy);
    font-size: 13px;
    letter-spacing: .04em;
    color: var(--wccma-ink);
}
.wccma-acct-pref-s {
    font-family: var(--wccma-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--wccma-muted);
    margin-top: 4px;
    text-transform: uppercase;
}

/* Toggle switch */
.wccma-acct-sw {
    width: 54px;
    height: 30px;
    background: #fff;
    border: 3px solid #000;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    padding: 0;
    transition: background .15s;
}
.wccma-acct-sw::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 22px;
    height: 22px;
    background: #000;
    transition: left .15s, background .15s;
}
.wccma-acct-sw.is-on { background: var(--wccma-accent); }
.wccma-acct-sw.is-on::after { left: 26px; background: #000; }
.wccma-acct-sw[disabled] { opacity: .4; cursor: wait; }

/* Danger zone */
.wccma-acct-danger {
    background: #2a2a2a;
    color: #fff;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 var(--wccma-alt);
    padding: 28px;
}
.wccma-acct-danger-tag {
    display: inline-block;
    padding: 5px 12px;
    background: var(--wccma-alt);
    color: #fff;
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.wccma-acct-danger-h {
    font-family: var(--wccma-display);
    font-size: 28px;
    letter-spacing: .04em;
    margin: 0 0 8px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}
.wccma-acct-danger-a {
    color: var(--wccma-alt);
    filter: drop-shadow(2px 2px 0 #fff);
}
.wccma-acct-danger-p {
    color: #bbb;
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 1.5;
}
.wccma-acct-danger-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.wccma-acct-btn-ghost {
    background: transparent;
    color: #fff;
    border: 3px solid #fff;
    box-shadow: 4px 4px 0 var(--wccma-alt);
}
.wccma-acct-btn-ghost:hover { box-shadow: 2px 2px 0 var(--wccma-alt); }
.wccma-acct-btn-danger {
    background: var(--wccma-alt);
    color: #fff;
    border: 3px solid var(--wccma-alt);
    box-shadow: 4px 4px 0 #fff;
}
.wccma-acct-btn-danger:hover { box-shadow: 2px 2px 0 #fff; }
.wccma-acct-danger-msg {
    margin-top: 16px;
    padding: 12px 14px;
    background: #fff;
    color: #2a2a2a;
    font-family: var(--wccma-mono);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    border: 2px solid #000;
}
.wccma-acct-danger-msg.is-error {
    background: var(--wccma-alt);
    color: #fff;
}

/* WC's default success / error notices on the edit-account page */
.wccma-acct .woocommerce-message,
.wccma-acct .woocommerce-error,
.wccma-acct .woocommerce-info {
    background: #fff !important;
    border: 4px solid #000 !important;
    box-shadow: 6px 6px 0 var(--wccma-accent) !important;
    padding: 16px 20px !important;
    list-style: none !important;
    font-family: var(--wccma-heavy) !important;
    font-size: 12px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--wccma-ink) !important;
    margin: 0 0 22px !important;
    border-radius: 0 !important;
}
.wccma-acct .woocommerce-error { box-shadow: 6px 6px 0 var(--wccma-alt) !important; }

/* Mobile tweaks */
@media (max-width: 720px) {
    .wccma-acct-panel { padding: 22px; }
    .wccma-acct-profile { padding: 22px; }
    .wccma-acct-btn { font-size: 16px; padding: 11px 16px; }
}


/* =============================================================
   SUBSCRIPTIONS PAGE (/my-account/subscriptions/)
   Brutalist Stigma — for WC Subscriptions plugin
   ============================================================= */

.wccma-subs {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

/* Page header */
.wccma-subs-head { margin-bottom: 4px; }
.wccma-subs-title {
    font-family: var(--wccma-display);
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 400;
    letter-spacing: .04em;
    line-height: .95;
    margin: 0 0 8px;
    text-transform: uppercase;
    color: var(--wccma-ink);
}
.wccma-subs-title .wccma-accent {
    color: var(--wccma-accent);
    filter: drop-shadow(3px 3px 0 #000);
}
.wccma-subs-sub {
    margin: 0;
    font-family: var(--wccma-mono);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--wccma-muted);
}

/* Summary stat strip */
.wccma-subs-summary {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
@media (max-width: 780px) {
    .wccma-subs-summary { grid-template-columns: repeat(2, 1fr); }
}
.wccma-subs-stat {
    padding: 18px 20px;
    border: 4px solid #000;
    background: #fff;
    box-shadow: 6px 6px 0 #000;
}
.wccma-subs-stat-lbl {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    color: var(--wccma-muted);
    text-transform: uppercase;
    margin: 0;
}
.wccma-subs-stat-num {
    font-family: var(--wccma-heavy);
    font-size: 30px;
    line-height: 1;
    margin: 8px 0 0;
    color: var(--wccma-ink);
}
.wccma-subs-stat-sub {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    color: var(--wccma-ink);
    margin: 6px 0 0;
    text-transform: uppercase;
}
.wccma-subs-stat-cy {
    background: #2a2a2a;
    color: #fff;
}
.wccma-subs-stat-cy .wccma-subs-stat-lbl { color: #888; }
.wccma-subs-stat-cy .wccma-subs-stat-num {
    color: var(--wccma-accent);
    font-family: var(--wccma-display);
    font-size: 42px;
    letter-spacing: .04em;
}
.wccma-subs-stat-cy .wccma-subs-stat-sub { color: #aaa; }

/* Next shipment banner */
.wccma-subs-next-ship {
    background: #2a2a2a;
    color: #fff;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 var(--wccma-accent);
    padding: 26px;
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 22px;
    align-items: center;
}
@media (max-width: 780px) {
    .wccma-subs-next-ship { grid-template-columns: 1fr; text-align: center; }
}
.wccma-subs-next-ship::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .08;
    pointer-events: none;
    background-image: radial-gradient(circle, var(--wccma-accent) 1.5px, transparent 1.8px);
    background-size: 14px 14px;
}
.wccma-subs-next-ship > * { position: relative; }
.wccma-subs-date-box {
    background: #fff;
    color: #000;
    border: 4px solid var(--wccma-accent);
    padding: 14px 22px;
    text-align: center;
    min-width: 120px;
}
.wccma-subs-date-box .m {
    font-family: var(--wccma-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .22em;
    color: var(--wccma-accent-2);
    text-transform: uppercase;
}
.wccma-subs-date-box .d {
    font-family: var(--wccma-display);
    font-size: 46px;
    letter-spacing: .02em;
    line-height: 1;
    margin: 2px 0;
}
.wccma-subs-date-box .y {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    color: var(--wccma-muted);
    text-transform: uppercase;
}
.wccma-subs-next-info { min-width: 0; }
.wccma-subs-next-tag {
    display: inline-block;
    padding: 5px 12px;
    background: var(--wccma-accent);
    color: #000;
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.wccma-subs-next-h {
    font-family: var(--wccma-display);
    font-size: 30px;
    letter-spacing: .04em;
    margin: 0 0 6px;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
}
.wccma-subs-next-h .wccma-accent { color: var(--wccma-accent); }
.wccma-subs-next-meta {
    font-family: var(--wccma-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    color: #aaa;
    text-transform: uppercase;
}
.wccma-subs-next-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (max-width: 780px) {
    .wccma-subs-next-actions { flex-direction: row; justify-content: center; flex-wrap: wrap; }
}

/* Toolbar (status chips) */
.wccma-subs-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.wccma-subs-chip {
    padding: 10px 14px;
    background: #fff;
    border: 3px solid #000;
    font-family: var(--wccma-heavy);
    font-size: 10px;
    letter-spacing: .14em;
    text-transform: uppercase;
    cursor: pointer;
    color: var(--wccma-ink);
    transition: background .12s, color .12s;
}
.wccma-subs-chip:hover { background: var(--wccma-bg); }
.wccma-subs-chip.wccma-subs-chip-active {
    background: #000;
    color: var(--wccma-accent);
}

/* Sub card */
.wccma-subs-card {
    background: #fff;
    border: 4px solid #000;
    box-shadow: 6px 6px 0 var(--c, #000);
    transition: transform .15s, box-shadow .15s;
}
.wccma-subs-card:hover {
    transform: translate(2px, 2px);
    box-shadow: 4px 4px 0 var(--c, #000);
}

.wccma-subs-card-top {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 20px 22px;
    border-bottom: 3px dashed #000;
}
@media (max-width: 680px) {
    .wccma-subs-card-top {
        grid-template-columns: auto 1fr;
    }
    .wccma-subs-card-status-col { grid-column: 1 / -1; }
}
.wccma-subs-pic {
    width: 72px;
    height: 72px;
    background: var(--wccma-bg);
    border: 3px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--wccma-display);
    font-size: 26px;
    color: var(--wccma-ink);
    overflow: hidden;
    flex-shrink: 0;
}
.wccma-subs-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.wccma-subs-pic-pink { color: var(--wccma-alt); }
.wccma-subs-pic-cyan { color: var(--wccma-accent); }
.wccma-subs-pic-dark { background: #000; color: #fff; }
.wccma-subs-pic-good { color: var(--wccma-good); }

.wccma-subs-card-info { min-width: 0; }
.wccma-subs-card-id {
    font-family: var(--wccma-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
    color: var(--wccma-muted);
    text-transform: uppercase;
}
.wccma-subs-card-name {
    font-family: var(--wccma-display);
    font-size: 28px;
    letter-spacing: .04em;
    margin: 4px 0 6px;
    line-height: 1;
    color: var(--wccma-ink);
}
.wccma-subs-card-meta {
    font-family: var(--wccma-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .14em;
    color: var(--wccma-ink);
    text-transform: uppercase;
}

.wccma-subs-card-status-col { text-align: right; }
@media (max-width: 680px) {
    .wccma-subs-card-status-col { text-align: left; margin-top: 4px; }
}
.wccma-subs-status {
    display: inline-block;
    padding: 5px 12px;
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    border: 3px solid #000;
    flex-shrink: 0;
}
.wccma-subs-status-active { background: var(--wccma-good); color: #000; }
.wccma-subs-status-paused { background: var(--wccma-warn); color: #000; }
.wccma-subs-status-cancel { background: var(--wccma-alt); color: #fff; }

/* Card middle (4 stat cells) */
.wccma-subs-card-mid {
    padding: 20px 22px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}
@media (max-width: 780px) {
    .wccma-subs-card-mid { grid-template-columns: repeat(2, 1fr); }
}
.wccma-subs-cell { min-width: 0; }
.wccma-subs-cell-l {
    font-family: var(--wccma-mono);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    color: var(--wccma-muted);
    text-transform: uppercase;
    margin: 0;
}
.wccma-subs-cell-v {
    font-family: var(--wccma-display);
    font-size: 22px;
    letter-spacing: .04em;
    margin: 4px 0 0;
    line-height: 1;
    color: var(--wccma-ink);
}
.wccma-subs-cell-v .amount { color: inherit; font-family: inherit; }
.wccma-subs-cell-v-cy {
    color: var(--wccma-accent);
    filter: drop-shadow(2px 2px 0 #000);
}
.wccma-subs-cell-v-sm {
    font-family: var(--wccma-heavy);
    font-size: 14px;
    letter-spacing: .04em;
}

/* Progress bar (active subs only) */
.wccma-subs-progress {
    padding: 18px 22px;
    background: var(--wccma-bg);
    border-top: 2px solid #f0eee5;
    border-bottom: 2px solid #f0eee5;
}
.wccma-subs-progress-l {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    color: var(--wccma-ink);
    text-transform: uppercase;
}
.wccma-subs-progress-v { color: var(--wccma-accent); }
.wccma-subs-progress-bar {
    height: 10px;
    background: #fff;
    border: 2px solid #000;
    overflow: hidden;
}
.wccma-subs-progress-fill {
    height: 100%;
    background: var(--wccma-accent);
    background-image: repeating-linear-gradient(135deg, transparent 0 6px, rgba(0, 0, 0, 0.18) 6px 8px);
    transition: width .3s;
}

/* Card footer */
.wccma-subs-card-foot {
    padding: 18px 22px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
}
.wccma-subs-card-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.wccma-subs-card-danger {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

/* Brutalist buttons (subs scope) */
.wccma-subs-btn {
    font-family: var(--wccma-display);
    font-size: 16px;
    letter-spacing: .04em;
    padding: 10px 18px;
    border: 3px solid #000;
    cursor: pointer;
    text-transform: uppercase;
    transition: transform .1s, box-shadow .1s;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    line-height: 1.2;
}
.wccma-subs-btn-p { background: var(--wccma-accent); color: #000; box-shadow: 4px 4px 0 #000; }
.wccma-subs-btn-w { background: #fff; color: #000; box-shadow: 4px 4px 0 #000; }
.wccma-subs-btn-d { background: #000; color: var(--wccma-accent); box-shadow: 4px 4px 0 var(--wccma-alt); border-color: #000; }
.wccma-subs-btn-danger {
    background: #fff;
    color: var(--wccma-alt);
    border-color: var(--wccma-alt);
    box-shadow: 4px 4px 0 var(--wccma-alt);
}
.wccma-subs-btn:hover { transform: translate(2px, 2px); }
.wccma-subs-btn-p:hover,
.wccma-subs-btn-w:hover { box-shadow: 2px 2px 0 #000; }
.wccma-subs-btn-d:hover { box-shadow: 2px 2px 0 var(--wccma-alt); }
.wccma-subs-btn-danger:hover { box-shadow: 2px 2px 0 var(--wccma-alt); }

/* Upcoming shipments table */
.wccma-subs-panel {
    background: #fff;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 #000;
    padding: 24px;
}
.wccma-subs-panel-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}
.wccma-subs-panel-tag {
    display: inline-block;
    padding: 5px 12px;
    background: #000;
    color: var(--wccma-accent);
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.wccma-subs-panel-h {
    font-family: var(--wccma-display);
    font-size: 28px;
    letter-spacing: .04em;
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
    color: var(--wccma-ink);
}
.wccma-subs-panel-h .wccma-accent {
    color: var(--wccma-accent);
    filter: drop-shadow(2px 2px 0 #000);
}
.wccma-subs-panel-meta {
    font-family: var(--wccma-mono);
    font-size: 11px;
    letter-spacing: .14em;
    color: var(--wccma-muted);
    text-transform: uppercase;
}

.wccma-subs-tbl-wrap { overflow-x: auto; }
.wccma-subs-tbl { width: 100%; border-collapse: collapse; min-width: 540px; }
.wccma-subs-tbl th {
    font-family: var(--wccma-mono);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--wccma-muted);
    text-align: left;
    padding: 10px 12px;
    border-bottom: 3px solid #000;
    background: #fafafa;
}
.wccma-subs-tbl td {
    padding: 14px 12px;
    border-bottom: 2px solid #f0eee5;
    font-size: 13px;
    vertical-align: middle;
    color: var(--wccma-ink);
}
.wccma-subs-tbl tr:last-child td { border-bottom: none; }
.wccma-subs-tbl-when {
    font-family: var(--wccma-display);
    font-size: 18px;
    letter-spacing: .04em;
}
.wccma-subs-tbl-prod {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--wccma-heavy);
    font-size: 12px;
    letter-spacing: .04em;
}
.wccma-subs-tbl-ic {
    width: 30px;
    height: 30px;
    background: var(--wccma-bg);
    border: 2px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--wccma-display);
    font-size: 13px;
    flex-shrink: 0;
}
.wccma-subs-tbl-total {
    font-family: var(--wccma-display);
    font-size: 18px;
    color: var(--wccma-accent);
    filter: drop-shadow(2px 2px 0 #000);
    letter-spacing: .04em;
}
.wccma-subs-tbl-total .amount { color: inherit; font-family: inherit; }
.wccma-subs-tbl-manage {
    font-family: var(--wccma-heavy);
    font-size: 10px;
    letter-spacing: .12em;
    padding: 6px 12px;
    background: #fff;
    border: 2px solid #000;
    cursor: pointer;
    text-transform: uppercase;
    color: var(--wccma-ink);
    text-decoration: none;
    display: inline-block;
}
.wccma-subs-tbl-manage:hover { background: #000; color: var(--wccma-accent); }

/* Pagination */
.wccma-subs-pag {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: wrap;
}
.wccma-subs-pag-btn {
    font-family: var(--wccma-heavy);
    font-size: 11px;
    letter-spacing: .12em;
    padding: 10px 16px;
    border: 3px solid #000;
    background: #fff;
    cursor: pointer;
    text-transform: uppercase;
    box-shadow: 3px 3px 0 #000;
    color: var(--wccma-ink);
    text-decoration: none;
    display: inline-block;
}
.wccma-subs-pag-btn:hover { background: var(--wccma-bg); }
.wccma-subs-pag-btn.wccma-subs-pag-active {
    background: var(--wccma-accent);
    cursor: default;
}

/* Perks bar */
.wccma-subs-perks {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    background: #000;
    border: 4px solid #000;
}
@media (max-width: 780px) {
    .wccma-subs-perks { grid-template-columns: repeat(2, 1fr); }
}
.wccma-subs-perk {
    padding: 18px 16px;
    background: #fff;
    border-right: 3px solid #000;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}
.wccma-subs-perk:last-child { border-right: none; }
@media (max-width: 780px) {
    .wccma-subs-perk:nth-child(2) { border-right: none; }
    .wccma-subs-perk:nth-child(odd) { border-right: 3px solid #000; }
    .wccma-subs-perk:nth-child(1),
    .wccma-subs-perk:nth-child(2) { border-bottom: 3px solid #000; }
}
.wccma-subs-perk-ic {
    font-family: var(--wccma-display);
    font-size: 30px;
    color: var(--wccma-accent);
    filter: drop-shadow(2px 2px 0 #000);
    line-height: 1;
}
.wccma-subs-perk-t {
    font-family: var(--wccma-heavy);
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--wccma-ink);
}
.wccma-subs-perk-s {
    font-family: var(--wccma-mono);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--wccma-muted);
    text-transform: uppercase;
}

/* Add new CTA */
.wccma-subs-add {
    background: #fff;
    border: 4px dashed #000;
    padding: 32px 24px;
    text-align: center;
}
.wccma-subs-add-plus {
    font-family: var(--wccma-display);
    font-size: 64px;
    color: var(--wccma-accent);
    filter: drop-shadow(3px 3px 0 #000);
    line-height: 1;
}
.wccma-subs-add-h {
    font-family: var(--wccma-display);
    font-size: 28px;
    letter-spacing: .04em;
    margin: 10px 0 6px;
    text-transform: uppercase;
    color: var(--wccma-ink);
}
.wccma-subs-add-h .wccma-accent { color: var(--wccma-accent); }
.wccma-subs-add-p {
    font-size: 13px;
    color: var(--wccma-ink);
    max-width: 440px;
    margin: 0 auto 16px;
    line-height: 1.5;
}

/* Empty state */
.wccma-subs-empty {
    background: #fff;
    border: 4px solid #000;
    box-shadow: 8px 8px 0 #000;
    padding: 48px 32px;
    text-align: center;
}
.wccma-subs-empty-ic {
    width: 80px;
    height: 80px;
    margin: 0 auto 18px;
    color: var(--wccma-ink);
}
.wccma-subs-empty-ic svg { width: 100%; height: 100%; display: block; }
.wccma-subs-empty-h {
    font-family: var(--wccma-display);
    font-size: 32px;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin: 0 0 8px;
    color: var(--wccma-ink);
}
.wccma-subs-empty-p {
    color: var(--wccma-muted);
    margin: 0 auto 22px;
    max-width: 480px;
}

.wccma-subs-empty-filter {
    background: #fff;
    border: 3px dashed #000;
    padding: 24px;
    text-align: center;
    font-family: var(--wccma-mono);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--wccma-muted);
}

/* Mobile tweaks */
@media (max-width: 720px) {
    .wccma-subs-card-top { padding: 16px; }
    .wccma-subs-card-mid { padding: 16px; }
    .wccma-subs-card-foot { padding: 16px; }
    .wccma-subs-pic { width: 56px; height: 56px; font-size: 20px; }
    .wccma-subs-card-name { font-size: 22px; }
    .wccma-subs-cell-v { font-size: 18px; }
    .wccma-subs-cell-v-sm { font-size: 13px; }
    .wccma-subs-btn { font-size: 14px; padding: 9px 14px; }
    .wccma-subs-stat-num { font-size: 24px; }
    .wccma-subs-stat-cy .wccma-subs-stat-num { font-size: 34px; }
    .wccma-subs-next-h { font-size: 24px; }
    .wccma-subs-date-box .d { font-size: 38px; }
}


/* =============================================================
   VIEW SUBSCRIPTION PAGE (/my-account/view-subscription/{id}/)
   CSS-only restyle of WC Subscriptions' default tables to match
   the Stigma brutalist look without overriding the template.
   ============================================================= */

/* Wrap the whole subscription view in our brutalist card */
.woocommerce-account .woocommerce > .subscription_details,
.woocommerce-account .woocommerce > .order_details,
.woocommerce-account .woocommerce > h2:first-of-type {
    margin-top: 0;
}

/* Section headings before each table */
.woocommerce-account .woocommerce-MyAccount-content > h2,
.woocommerce-account .woocommerce-MyAccount-content > h3 {
    font-family: var(--wccma-display) !important;
    font-size: 28px !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: var(--wccma-ink) !important;
    margin: 32px 0 14px !important;
    line-height: 1 !important;
}
.woocommerce-account .woocommerce-MyAccount-content > h2:first-child,
.woocommerce-account .woocommerce-MyAccount-content > h3:first-child {
    margin-top: 0 !important;
}

/* Subscription details table (Status / Start / Next charge / etc.) */
.woocommerce-account table.subscription_details,
.woocommerce-account table.order_details,
.woocommerce-account table.shop_table_responsive {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff !important;
    border: 4px solid #000 !important;
    box-shadow: 6px 6px 0 #000 !important;
    margin: 0 0 24px !important;
    overflow: hidden !important;
}
.woocommerce-account table.subscription_details thead,
.woocommerce-account table.order_details thead {
    background: #000 !important;
}
.woocommerce-account table.subscription_details thead th,
.woocommerce-account table.order_details thead th {
    color: var(--wccma-accent) !important;
    font-family: var(--wccma-mono) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    padding: 14px 18px !important;
    border-bottom: 3px solid #000 !important;
    text-align: left !important;
}
.woocommerce-account table.subscription_details tbody tr,
.woocommerce-account table.order_details tbody tr {
    border-bottom: 2px solid #f0eee5 !important;
}
.woocommerce-account table.subscription_details tbody tr:last-child,
.woocommerce-account table.order_details tbody tr:last-child {
    border-bottom: none !important;
}
.woocommerce-account table.subscription_details tbody tr td,
.woocommerce-account table.subscription_details tbody tr th,
.woocommerce-account table.order_details tbody tr td,
.woocommerce-account table.order_details tbody tr th {
    padding: 14px 18px !important;
    font-size: 14px !important;
    color: var(--wccma-ink) !important;
    background: #fff !important;
    border: none !important;
    border-bottom: 2px solid #f0eee5 !important;
    vertical-align: middle !important;
    font-family: var(--wccma-body) !important;
}
.woocommerce-account table.subscription_details tbody tr:last-child td,
.woocommerce-account table.subscription_details tbody tr:last-child th,
.woocommerce-account table.order_details tbody tr:last-child td,
.woocommerce-account table.order_details tbody tr:last-child th {
    border-bottom: none !important;
}

/* Left-column labels in subscription_details (Status / Start date / etc.) */
.woocommerce-account table.subscription_details tbody td:first-child,
.woocommerce-account table.subscription_details tbody th:first-child,
.woocommerce-account table.order_details tbody td.product-name,
.woocommerce-account table.order_details tbody th.product-name {
    font-family: var(--wccma-mono) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    color: var(--wccma-muted) !important;
    width: 200px !important;
    background: var(--wccma-bg) !important;
}

/* "Status" cell: turn into a status pill if possible */
.woocommerce-account table.subscription_details tbody td.subscription-status,
.woocommerce-account table.subscription_details tbody td.order-status {
    font-family: var(--wccma-mono) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
}

/* Totals / "Subscription totals" table */
.woocommerce-account table.order_details tfoot {
    background: var(--wccma-bg) !important;
}
.woocommerce-account table.order_details tfoot th {
    font-family: var(--wccma-heavy) !important;
    font-size: 12px !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--wccma-ink) !important;
    background: var(--wccma-bg) !important;
    padding: 14px 18px !important;
    border-top: 3px solid #000 !important;
    border-bottom: none !important;
}
.woocommerce-account table.order_details tfoot td {
    background: var(--wccma-bg) !important;
    padding: 14px 18px !important;
    border-top: 3px solid #000 !important;
    border-bottom: none !important;
}
.woocommerce-account table.order_details tfoot tr:last-of-type td,
.woocommerce-account table.order_details tfoot tr:last-of-type th {
    background: #000 !important;
    color: var(--wccma-accent) !important;
    font-family: var(--wccma-display) !important;
    font-size: 18px !important;
    letter-spacing: .04em !important;
}
.woocommerce-account table.order_details tfoot tr:last-of-type .amount,
.woocommerce-account table.order_details tfoot tr:last-of-type .woocommerce-Price-amount {
    font-family: var(--wccma-display) !important;
    font-size: 22px !important;
    color: var(--wccma-accent) !important;
    letter-spacing: .04em !important;
}

/* Product name in the totals table — bigger / Bangers */
.woocommerce-account table.order_details tbody td.product-name a {
    color: var(--wccma-ink) !important;
    font-family: var(--wccma-heavy) !important;
    text-decoration: none !important;
    border-bottom: 2px solid var(--wccma-accent) !important;
    padding-bottom: 1px !important;
}
.woocommerce-account table.order_details tbody td.product-name a:hover { color: var(--wccma-accent) !important; }

/* Item quantity ("× 1") */
.woocommerce-account .product-quantity {
    color: var(--wccma-muted) !important;
    font-family: var(--wccma-mono) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

/* Action buttons row (Cancel / Add Payment / Renew Now / Change Address) */
.woocommerce-account .subscription_details td.subscription-actions,
.woocommerce-account .order-actions {
    text-align: right !important;
}
.woocommerce-account .subscription_details a.button,
.woocommerce-account .order_details a.button,
.woocommerce-account .subscription-actions a.button,
.woocommerce-account .my_account_subscription a.button {
    font-family: var(--wccma-display) !important;
    font-size: 14px !important;
    letter-spacing: .04em !important;
    padding: 9px 16px !important;
    border: 3px solid #000 !important;
    text-transform: uppercase !important;
    background: var(--wccma-accent) !important;
    color: #000 !important;
    box-shadow: 4px 4px 0 #000 !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin: 4px 6px 4px 0 !important;
    transition: transform .1s, box-shadow .1s !important;
}
.woocommerce-account .subscription_details a.button:hover,
.woocommerce-account .order_details a.button:hover,
.woocommerce-account .subscription-actions a.button:hover,
.woocommerce-account .my_account_subscription a.button:hover {
    transform: translate(2px, 2px) !important;
    box-shadow: 2px 2px 0 #000 !important;
    background: var(--wccma-accent) !important;
}
/* Destructive actions (Cancel / Suspend) */
.woocommerce-account .subscription_details a.cancel,
.woocommerce-account .subscription-actions a.cancel,
.woocommerce-account a.button.cancel {
    background: #fff !important;
    color: var(--wccma-alt) !important;
    border-color: var(--wccma-alt) !important;
    box-shadow: 4px 4px 0 var(--wccma-alt) !important;
}
.woocommerce-account .subscription_details a.cancel:hover,
.woocommerce-account .subscription-actions a.cancel:hover,
.woocommerce-account a.button.cancel:hover {
    box-shadow: 2px 2px 0 var(--wccma-alt) !important;
}

/* "Subscription totals" + "Related orders" section headings */
.woocommerce-account header.title h2,
.woocommerce-account .woocommerce-order-details h2,
.woocommerce-account .woocommerce-column__title {
    font-family: var(--wccma-display) !important;
    font-size: 26px !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    color: var(--wccma-ink) !important;
    margin: 32px 0 14px !important;
}

/* Related orders table */
.woocommerce-account .my_account_orders,
.woocommerce-account table.shop_table.my_account_subscriptions {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #fff !important;
    border: 4px solid #000 !important;
    box-shadow: 6px 6px 0 #000 !important;
}
.woocommerce-account .my_account_orders thead {
    background: #000 !important;
}
.woocommerce-account .my_account_orders thead th {
    color: var(--wccma-accent) !important;
    font-family: var(--wccma-mono) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .2em !important;
    text-transform: uppercase !important;
    padding: 14px 18px !important;
    border-bottom: 3px solid #000 !important;
}
.woocommerce-account .my_account_orders tbody td {
    padding: 14px 18px !important;
    font-size: 13px !important;
    color: var(--wccma-ink) !important;
    background: #fff !important;
    border-bottom: 2px solid #f0eee5 !important;
}
.woocommerce-account .my_account_orders tbody tr:last-child td { border-bottom: none !important; }
.woocommerce-account .my_account_orders tbody td.order-number a,
.woocommerce-account .my_account_orders tbody td.order-total .amount {
    font-family: var(--wccma-display) !important;
    font-size: 16px !important;
    color: var(--wccma-ink) !important;
    letter-spacing: .04em !important;
}
.woocommerce-account .my_account_orders tbody td.order-total .amount { color: var(--wccma-accent) !important; }
.woocommerce-account .my_account_orders tbody td.order-status .order-status {
    font-family: var(--wccma-mono) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    padding: 4px 10px !important;
    border: 2px solid #000 !important;
    display: inline-block !important;
}

/* Loading + reload-link error messages */
.woocommerce-account .wccma-empty-state a {
    color: var(--wccma-accent) !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

/* Mobile: stack tables nicely */
@media (max-width: 720px) {
    .woocommerce-account table.subscription_details tbody td:first-child,
    .woocommerce-account table.subscription_details tbody th:first-child {
        width: auto !important;
        display: block !important;
        padding-bottom: 4px !important;
        border-bottom: none !important;
    }
    .woocommerce-account table.subscription_details tbody td,
    .woocommerce-account table.subscription_details tbody th {
        display: block !important;
        padding: 10px 14px !important;
    }
    .woocommerce-account .subscription_details td.subscription-actions,
    .woocommerce-account .order-actions { text-align: left !important; }
    .woocommerce-account table.order_details tbody td,
    .woocommerce-account table.order_details tbody th,
    .woocommerce-account table.order_details tfoot td,
    .woocommerce-account table.order_details tfoot th {
        padding: 12px 14px !important;
        font-size: 13px !important;
    }
}