/* ============================================================
   JagMag My Account — Monochrome "frosted-glass" override
   Recreates the my-account.zip reference (charcoal / white glass)
   on the EXISTING logged-in account: header, WC nav sidebar,
   dashboard (stats / recent orders / quick tiles / support) and
   the account-details + address forms. Covers only the views that
   exist (no Wishlist/Payment/Settings — not on this site).
   Loaded AFTER jagmag-account.css; scoped to .jla; CSS-only; keeps
   the warm theme page background. Reversible: dequeue the file.
   (added 2026-06-21)
   ============================================================ */
.jla{
	--jcm-ink:#1c1c1e; --jcm-ink2:#1a1a1c;
	--jcm-mute:#48494e; --jcm-mute2:#6f7178; --jcm-mute3:#8a8c93; --jcm-faint:#9a9ca3; --jcm-faint2:#b6b8be;
	--jcm-line:rgba(28,28,30,.07); --jcm-line2:rgba(28,28,30,.1); --jcm-line3:rgba(28,28,30,.12);
	--jcm-charcoal:linear-gradient(150deg,#36383d,#1b1c1f);
	--jcm-glass:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,255,255,.5));
	--jcm-glass-row:linear-gradient(160deg,rgba(255,255,255,.82),rgba(255,255,255,.58));
	--jcm-glass-btn:rgba(255,255,255,.72);
	--jcm-glass-input:rgba(255,255,255,.66);
	--jcm-warm-border:rgba(255,206,138,.85); --jcm-warm-ring:rgba(255,194,108,.32);
	--jcm-sans:var(--jl2-font-sans,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);
}

/* ---- header ---- */
body .jla .jla__eyebrow{ color:var(--jcm-faint) !important; }
body .jla .jla__name{ font-family:var(--jcm-sans) !important; font-style:normal !important; color:var(--jcm-ink2) !important; letter-spacing:-.02em !important; }
body .jla .jla__sub{ color:var(--jcm-mute2) !important; }
body .jla .jla__signout{ color:var(--jcm-mute) !important; background:var(--jcm-glass-btn) !important; border:1px solid var(--jcm-line3) !important; }
@media (hover:hover){ body .jla .jla__signout:hover{ color:var(--jcm-ink) !important; border-color:rgba(28,28,30,.22) !important; background:rgba(255,255,255,.95) !important; } }

/* ---- account nav (custom .jla-nav) -> glass card + charcoal active ---- */
/* NOTE: the theme replaces WC's .woocommerce-MyAccount-navigation with a */
/* custom .jla-nav (jla-nav__list/__item/__link/__icon/__label). */
body .jla .jla-nav{
	background:var(--jcm-glass) !important;
	border:1px solid rgba(255,255,255,.85) !important;
	border-radius:22px !important;
	-webkit-backdrop-filter:blur(22px) saturate(160%) !important; backdrop-filter:blur(22px) saturate(160%) !important;
	box-shadow:0 1px 2px rgba(40,40,50,.04),inset 0 1px 0 rgba(255,255,255,.92),0 20px 50px rgba(40,40,50,.07) !important;
}
body .jla .jla-nav__list{ list-style:none !important; margin:0 !important; }
body .jla .jla-nav__link{ color:var(--jcm-ink) !important; border-radius:12px !important; }
body .jla .jla-nav__label{ color:inherit !important; }
body .jla .jla-nav__icon,
body .jla .jla-nav__icon svg{ color:var(--jcm-mute2) !important; }
@media (hover:hover){ body .jla .jla-nav__item:not(.is-active) .jla-nav__link:hover{ background:rgba(28,28,30,.05) !important; } }
body .jla .jla-nav__item.is-active .jla-nav__link{
	background:var(--jcm-charcoal) !important;
	color:#f3f3f4 !important;
	box-shadow:0 6px 16px rgba(20,21,24,.22) !important;
}
body .jla .jla-nav__item.is-active .jla-nav__icon,
body .jla .jla-nav__item.is-active .jla-nav__icon svg{ color:#f3f3f4 !important; }

/* ---- content blocks / cards ---- */
body .jla .jla-block{
	background:var(--jcm-glass) !important;
	border:1px solid rgba(255,255,255,.85) !important;
	border-radius:22px !important;
	-webkit-backdrop-filter:blur(22px) saturate(160%) !important; backdrop-filter:blur(22px) saturate(160%) !important;
	box-shadow:0 1px 2px rgba(40,40,50,.04),inset 0 1px 0 rgba(255,255,255,.92),0 20px 50px rgba(40,40,50,.07) !important;
}
body .jla .jla-block__title{ font-family:var(--jcm-sans) !important; font-style:normal !important; color:var(--jcm-ink2) !important; }
body .jla .jla-block__sub{ color:var(--jcm-mute2) !important; }
body .jla .jla-block__link{ color:var(--jcm-ink) !important; }
body .jla .jla-block__link-arrow svg,
body .jla .jla-block__link-arrow{ color:var(--jcm-ink) !important; stroke:var(--jcm-ink) !important; }

/* ---- stat strip ---- */
body .jla .jla-stat{
	background:var(--jcm-glass-row) !important;
	border:1px solid var(--jcm-line2) !important;
	border-radius:16px !important;
}
body .jla .jla-stat__label{ color:var(--jcm-mute3) !important; }
body .jla .jla-stat__value{ color:var(--jcm-ink2) !important; }
body .jla .jla-stat__value--soft{ color:var(--jcm-mute) !important; }

/* ---- recent orders ---- */
body .jla .jla-order{
	background:var(--jcm-glass-row) !important;
	border:1px solid var(--jcm-line2) !important;
	border-radius:16px !important;
}
body .jla .jla-order__media,
body .jla .jla-order__thumb-img{ border-radius:12px !important; border-color:var(--jcm-line2) !important; }
body .jla .jla-order__count{ background:var(--jcm-charcoal) !important; color:#f3f3f4 !important; border:0 !important; }
body .jla .jla-order__num{ color:var(--jcm-ink) !important; }
body .jla .jla-order__meta{ color:var(--jcm-mute2) !important; }
/* status pill -> neutral monochrome glass (works for any status label) */
body .jla .jla_order_status_pill{
	background:rgba(28,28,30,.05) !important;
	color:var(--jcm-ink) !important;
	border:1px solid var(--jcm-line2) !important;
}

/* ---- quick-link tiles ---- */
body .jla .jla-tile{
	background:var(--jcm-glass-row) !important;
	border:1px solid var(--jcm-line2) !important;
	border-radius:16px !important;
	transition:transform .2s cubic-bezier(.22,.9,.32,1),box-shadow .2s ease !important;
}
@media (hover:hover){ body .jla .jla-tile:hover{ transform:translateY(-2px); box-shadow:0 12px 30px rgba(40,40,50,.1) !important; } }
body .jla .jla-tile__icon{ background:var(--jcm-charcoal) !important; color:#f3f3f4 !important; border-radius:12px !important; }
body .jla .jla-tile__icon svg{ color:#f3f3f4 !important; stroke:#f3f3f4 !important; }
body .jla .jla-tile__title{ color:var(--jcm-ink) !important; }
body .jla .jla-tile__sub{ color:var(--jcm-mute3) !important; }

/* ---- support block ---- */
body .jla .jla-support__item{
	background:var(--jcm-glass-row) !important;
	border:1px solid var(--jcm-line2) !important;
	border-radius:14px !important;
	color:var(--jcm-ink) !important;
}
@media (hover:hover){ body .jla .jla-support__item:hover{ border-color:rgba(28,28,30,.22) !important; background:rgba(255,255,255,.95) !important; } }
body .jla .jla-support__icon{ color:var(--jcm-mute2) !important; }
body .jla .jla-support__icon svg{ color:var(--jcm-mute2) !important; stroke:var(--jcm-mute2) !important; }
body .jla .jla-support__label{ color:var(--jcm-ink) !important; }

/* ---- empty state ---- */
body .jla .jla-empty__title{ font-family:var(--jcm-sans) !important; font-style:normal !important; color:var(--jcm-ink2) !important; }
body .jla .jla-empty__sub{ color:var(--jcm-mute2) !important; }

/* ---- buttons ---- */
body .jla .jla-btn--primary{
	background:var(--jcm-charcoal) !important;
	border:1px solid rgba(0,0,0,.45) !important;
	color:#f3f3f4 !important;
	box-shadow:0 8px 22px rgba(20,21,24,.3),inset 0 1px 0 rgba(255,255,255,.1) !important;
}
@media (hover:hover){ body .jla .jla-btn--primary:hover{ transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 16px 34px rgba(20,21,24,.4),inset 0 1px 0 rgba(255,255,255,.14) !important; } }
body .jla .jla-btn--ghost{
	background:var(--jcm-glass-btn) !important;
	border:1px solid var(--jcm-line3) !important;
	color:var(--jcm-ink) !important;
	-webkit-backdrop-filter:none !important; backdrop-filter:none !important;
	box-shadow:none !important;
}
@media (hover:hover){ body .jla .jla-btn--ghost:hover{ background:rgba(255,255,255,.95) !important; border-color:rgba(28,28,30,.22) !important; color:var(--jcm-ink) !important; } }
body .jla .jla-btn--text{ color:var(--jcm-ink) !important; background:transparent !important; }
@media (hover:hover){ body .jla .jla-btn--text:hover{ color:var(--jcm-mute) !important; } }

/* ---- forms (account details + address) ---- */
body .jla .jla-form-page__eyebrow{ color:var(--jcm-faint) !important; }
body .jla .jla-form-page__title{ font-family:var(--jcm-sans) !important; font-style:normal !important; color:var(--jcm-ink2) !important; letter-spacing:-.02em !important; }
body .jla .jla-form-page__sub{ color:var(--jcm-mute2) !important; }
body .jla .jla-form__legend{ font-family:var(--jcm-sans) !important; font-style:normal !important; color:var(--jcm-ink2) !important; }
body .jla .jla-field label,
body .jla .jla-form label{ color:var(--jcm-mute) !important; }
body .jla .jla-input,
body .jla .jla-field input,
body .jla .jla-field select,
body .jla .jla-field textarea{
	background:var(--jcm-glass-input) !important;
	border:1px solid var(--jcm-line2) !important;
	border-radius:12px !important;
	color:var(--jcm-ink) !important;
	box-shadow:inset 0 1px 2px rgba(40,40,50,.05) !important;
}
body .jla .jla-input:focus,
body .jla .jla-field input:focus,
body .jla .jla-field select:focus,
body .jla .jla-field textarea:focus{
	border-color:var(--jcm-warm-border) !important;
	box-shadow:inset 0 1px 2px rgba(40,40,50,.05),0 0 0 3px var(--jcm-warm-ring) !important;
	outline:none !important;
}
body .jla .jla-field__hint{ color:var(--jcm-mute3) !important; }
body .jla .jla-link{ color:var(--jcm-ink) !important; }

/* ---- kill gold on any prices/amounts ---- */
body .jla .woocommerce-Price-amount,
body .jla .woocommerce-Price-amount bdi,
body .jla .woocommerce-Price-currencySymbol{ color:var(--jcm-ink2) !important; }