/* VRL Membership Lite 1.1.2 — surfaces.css: brings the membership plugin's landing page, My Account tab and
   thank-you page onto the theme's type scale (12.5px floor) and card radius (16px). Loaded ALONGSIDE the
   plugin's value-membership.css on those pages; selectors are scoped one level deeper so they win without
   !important. Marker: vrl-vml-surfaces */

/* ── landing page (/value-membership/) ─────────────────────────────────────────────────────────── */
body.vrl-value-membership-page .vrl-vm-eyebrow { font-size: 12.5px; letter-spacing: .12em; }
body.vrl-value-membership-page .vrl-vm-hero__fine { font-size: 12.5px; }
body.vrl-value-membership-page .vrl-vm-hero__card > small, body.vrl-value-membership-page .vrl-vm-hero__card > em { font-size: 12px; letter-spacing: .14em; }
body.vrl-value-membership-page .vrl-vm-coming-soon { font-size: 12px; padding: 3px 9px; }
body.vrl-value-membership-page .vrl-vm-final__action > small { font-size: 12.5px; }

/* ── My Account › Value Membership tab ──────────────────────────────────────────────────────────── */
.woocommerce-account .vrl-vm-account .vrl-vm-eyebrow { font-size: 12.5px; letter-spacing: .12em; }
.woocommerce-account .vrl-vm-account__status { border-radius: 16px; }
.woocommerce-account .vrl-vm-account__status small { font-size: 12px; letter-spacing: .1em; }
.woocommerce-account .vrl-vm-account__status strong { font-size: 20px; }
.woocommerce-account .vrl-vm-account__status em { font-size: 13px; }
.woocommerce-account .vrl-vm-account__cycle-note { border-radius: 14px; }
.woocommerce-account .vrl-vm-account__cycle-note strong { font-size: 14px; }
.woocommerce-account .vrl-vm-account__cycle-note small { font-size: 13px; }
.woocommerce-account .vrl-vm-account__perks article { border-radius: 14px; }
.woocommerce-account .vrl-vm-account__perks b { font-size: 13px; }
.woocommerce-account .vrl-vm-account__perks strong { font-size: 14px; }
.woocommerce-account .vrl-vm-account__perks small { font-size: 12.5px; }
.woocommerce-account .vrl-vm-account__value-total small { font-size: 12px; letter-spacing: .1em; }
.woocommerce-account .vrl-vm-account__value-total > span { font-size: 13px; }
.woocommerce-account .vrl-vm-account__value-grid small { font-size: 12px; letter-spacing: .08em; }
.woocommerce-account .vrl-vm-account__value-grid em { font-size: 12.5px; }
.woocommerce-account .vrl-vm-account__value-note { font-size: 12.5px; line-height: 1.5; }
.woocommerce-account .vrl-vm-account__sms { border-radius: 14px; }
.woocommerce-account .vrl-vm-account__sms > div strong { font-size: 14px; }
.woocommerce-account .vrl-vm-account__sms > div small { font-size: 12.5px; }
.woocommerce-account .vrl-vm-account__sms label { font-size: 13px; }
.woocommerce-account .vrl-vm-account__sms > p { font-size: 12.5px; line-height: 1.5; }
.woocommerce-account .vrl-vm-account__cancel { border-radius: 14px; }
.woocommerce-account .vrl-vm-account__cancel strong { font-size: 14px; }
.woocommerce-account .vrl-vm-account__cancel p { font-size: 13px; }
.woocommerce-account .vrl-vm-account__cancel-button { min-height: 40px; padding: 0 16px; border: 1px solid #e3b4b4; border-radius: 999px; background: transparent; color: #9d3636; font-size: 13.5px; font-weight: 800; }
.woocommerce-account .vrl-vm-account__cancel-button:hover { background: #fdf0f0; }
.woocommerce-account .vrl-vm-account__rejoin small { font-size: 13px; }
.woocommerce-account .vrl-vm-account__rejoin-button { font-size: 13.5px; }
.woocommerce-account .vrl-vm-account__empty { border-radius: 16px; }

/* overlay additions on the tab: billing history + resume note */
.vrl-vml-history { margin-top: 22px; }
.vrl-vml-history > h3 { margin: 0 0 4px; color: var(--vrl-navy, #010f2d); font: 800 20px/1.2 var(--vrl-font-display, system-ui, sans-serif); letter-spacing: -.02em; }
.vrl-vml-history > p { margin: 0 0 12px; color: var(--vrl-fg-muted, #6d7484); font: 500 13.5px/1.5 var(--vrl-font-ui, system-ui, sans-serif); }
.vrl-vml-history table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid var(--vrl-border, #e4e7ec); border-radius: 12px; background: #fff; overflow: hidden; font: 500 14px/1.4 var(--vrl-font-ui, system-ui, sans-serif); }
.vrl-vml-history th { padding: 11px 14px; border-bottom: 1px solid var(--vrl-border, #e4e7ec); color: var(--vrl-fg-muted, #6d7484); font: 800 12.5px/1.2 var(--vrl-font-ui, system-ui, sans-serif); letter-spacing: .08em; text-transform: uppercase; text-align: left; }
.vrl-vml-history td { padding: 12px 14px; border-bottom: 1px solid var(--vrl-border, #e4e7ec); color: var(--vrl-fg-subtle, #4c5260); vertical-align: middle; }
.vrl-vml-history tr:last-child td { border-bottom: 0; }
.vrl-vml-history td.amt { font-variant-numeric: tabular-nums; color: var(--vrl-fg-base, #181b21); font-weight: 700; }
.vrl-vml-history td.act { text-align: right; }
.vrl-vml-history .st { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 999px; font: 700 12px/1.4 var(--vrl-font-ui, system-ui, sans-serif); }
.vrl-vml-history .st--paid { background: var(--vrl-savings-bg, #f0fdf4); color: var(--vrl-savings, #15803d); }
.vrl-vml-history .st--failed { background: #fdf0f0; color: #9d3636; }
.vrl-vml-history .st--other { background: var(--vrl-bg-subtle, #f5f7fa); color: var(--vrl-fg-muted, #6d7484); }
.vrl-vml-history a.receipt { color: #1d4ed8; font-weight: 800; text-decoration: none; white-space: nowrap; }
.vrl-vml-history a.receipt:hover { text-decoration: underline; }
.vrl-vml-resume { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: center; margin: 12px 0 0; padding: 14px 16px; border: 1px solid #cfe0f3; border-radius: 14px; background: #f3f8fe; color: var(--vrl-fg-subtle, #4c5260); font: 500 13.5px/1.5 var(--vrl-font-ui, system-ui, sans-serif); }
.vrl-vml-resume i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: #1d4ed8; color: #fff; font: 800 15px var(--vrl-font-ui, system-ui, sans-serif); font-style: normal; }
.vrl-vml-resume strong { color: var(--vrl-navy, #010f2d); }
@media (max-width: 600px) {
	.vrl-vml-history thead { display: none; }
	.vrl-vml-history tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 10px 14px; border-bottom: 1px solid var(--vrl-border, #e4e7ec); }
	.vrl-vml-history tr:last-child { border-bottom: 0; }
	.vrl-vml-history td { padding: 0; border: 0; }
	.vrl-vml-history td.act { grid-row: 1 / span 2; grid-column: 2; align-self: center; }
}

/* ── thank-you page (membership order received) ────────────────────────────────────────────────── */
body.vrl-value-membership-thankyou .vrl-vm-thanks__eyebrow { font-size: 12.5px; letter-spacing: .12em; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__card > small, body.vrl-value-membership-thankyou .vrl-vm-thanks__card > em { font-size: 12px; letter-spacing: .12em; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__meta small { font-size: 12.5px; letter-spacing: .08em; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__live { font-size: 12.5px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__benefit-grid b { font-size: 12.5px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__benefit-grid strong { font-size: 14px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__benefit-grid span { font-size: 12.5px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__account-row > div span { font-size: 13px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__button { font-size: 13.5px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__saved-cart strong { font-size: 14px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__saved-cart small { font-size: 12.5px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__saved-cart a { font-size: 13px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__receipt-note { font-size: 13px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__receipt > summary small { font-size: 12.5px; letter-spacing: .08em; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__support strong { font-size: 14px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__support small { font-size: 12.5px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__support a { font-size: 13px; }
body.vrl-value-membership-thankyou .vrl-vm-thanks__descriptor span { font-size: 12.5px; }
/* the statement-descriptor mu-plugin prints a second "Recognize your charge" block on every thank-you; the
   membership template already renders its own, so hide the generic one here only */
body.vrl-value-membership-thankyou .vrl-statement-descriptor { display: none; }