/* ============================================================
   JagMag global font system — TWO fonts only
   Sriracha for ALL headings/titles, native system sans for body/UI.
   Redefines the brand tokens (later source order wins) so body drops
   Open Sans for the clean system stack, blankets all body/UI text to
   that stack (killing every hardcoded Arial / Open Sans literal), and
   forces every heading + the monochrome surfaces' titles to Sriracha.
   The Sriracha @font-face is printed inline by jagmag-fonts.php so the
   optimizer can't strip it. Reversible: delete this file + the plugin.
   (added 2026-06-22)
   ============================================================ */

/* ---- redefine the brand tokens (this file loads last) ---- */
:root{
	--jl2-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	--jl2-font-display:"Sriracha","Segoe UI",cursive;
	--jl2-font-accent:"Sriracha","Segoe UI",cursive;
	--jl-font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	--jl-font-heading:"Sriracha","Segoe UI",cursive;
	--jl-font-accent:"Sriracha","Segoe UI",cursive;
}

/* ---- body + all body/UI text -> clean system sans (kills Arial / Open Sans literals) ----
   Low specificity on purpose: the Sriracha rules below all out-rank this, and
   class-based icon fonts (star / WooCommerce glyphs) are untouched. */
html body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important; }
html body p, html body a, html body span, html body li, html body ul, html body ol,
html body button, html body input, html body select, html body textarea, html body label,
html body div, html body td, html body th, html body dd, html body dt,
html body strong, html body em, html body b, html body small, html body figure,
html body figcaption, html body blockquote, html body summary, html body time,
html body abbr, html body cite, html body nav{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif !important; }

/* ---- all headings + product titles -> Sriracha ---- */
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body .product_title{ font-family:"Sriracha","Segoe UI",cursive !important; }
/* keep nested links/spans inside headings on Sriracha (beats the blanket above) */
html body h1 a, html body h1 span, html body h2 a, html body h2 span,
html body h3 a, html body h3 span, html body h4 a, html body h4 span,
html body h5 a, html body h5 span, html body h6 a, html body h6 span,
html body .product_title a, html body .product_title span{ font-family:inherit !important; }

/* ---- monochrome surfaces: their titles hardcode system sans -> force Sriracha ---- */
/* category PLP */
html body .jcn .jcn__title,
html body .jcn .jm-product-card__title,
html body .jcn .jm-product-card__title a{ font-family:"Sriracha","Segoe UI",cursive !important; }
/* PDP v2 (section + product titles; keep the small size-option card label on system sans) */
html body .jl-v2-product [class*="-title"]:not(.jl-v2-option-card-title),
html body .jl-v2-product .product_title,
html body .jl-v2-related .jm-product-card__title,
html body .jl-v2-related .jm-product-card__title a{ font-family:"Sriracha","Segoe UI",cursive !important; }
/* cart */
html body .jl-cartpage .jl-cartpage__title,
html body .jl-cartpage .jl-cartcard__name,
html body .jl-cartpage .jl-cartpage__summary-title,
html body .jl-cartpage .jl-cartpage__trust-card h3,
html body .jl-cartpage .jl-cartempty__title{ font-family:"Sriracha","Segoe UI",cursive !important; }
/* checkout */
html body .jlc-co .jlc-co__title,
html body .jlc-co .jlc-co__section-title,
html body .jlc-co .jlc-pm__title,
html body .jlc-co .jlc-co__sidebar-title{ font-family:"Sriracha","Segoe UI",cursive !important; }
/* account */
html body .jla .jla__name,
html body .jla .jla-block__title,
html body .jla .jla-empty__title,
html body .jla .jla-form-page__title,
html body .jla .jla-form__legend{ font-family:"Sriracha","Segoe UI",cursive !important; }
/* order confirmation */
html body .jloc .jloc__title{ font-family:"Sriracha","Segoe UI",cursive !important; }

/* ============================================================
   Universal GOLDEN star ratings — filled gold over light-grey empty.
   Overrides the monochrome star treatment everywhere: product cards
   (home / category / related) + single-product rating + review stars.
   The [class] attribute bumps specificity so this beats the *-mono rules.
   ============================================================ */
html body .star-rating[class],
html body .star-rating[class]::before{ color:#d8dadf !important; }
html body .star-rating[class] span::before{ color:#f5a623 !important; -webkit-text-fill-color:#f5a623 !important; }
html body .jcr-stars__fill[class],
html body .jcr-stars__fill[class]::before{ color:#f5a623 !important; -webkit-text-fill-color:#f5a623 !important; }
html body .jcr-stars[class],
html body .jcr-stars[class]::before{ color:#d8dadf !important; -webkit-text-fill-color:#d8dadf !important; }
html body .jm-product-card__rating[class] [class*="star"]::before,
html body .jm-product-card__rating[class] span::before{ color:#f5a623 !important; -webkit-text-fill-color:#f5a623 !important; }