/* Dark mode for jellykey — loaded on every front-end page, applies ONLY when the visitor's
   device is in dark mode (wrapped in the media query below, and enqueued with the same media
   so a light visitor never even parses it as active). Light mode is untouched by this file.

   Two layers:
     1. Token layer — new values for the --jk-* tokens. `html:root` beats every `:root` block in
        style.css, so aliases like --jk-raise: var(--jk-nm-raise) recompute from here.
     2. Patches — places in style.css, the files in css/ and the plugins that hard-code a light colour.
        Each patch is a debt: when that rule is tokenised, delete the patch.

   Owner's calls (2026-11-14, two mockup rounds, mockup/dark/README.md): photos stay as shot;
   page #050505 (not #000: OLED smear on scroll); warm greys; text NOT high-contrast —
   ink #D3CCC2 at 12.8:1 on the page, the light site is 18.9:1.
   Ladder: page #050505 · tile #12110F (cards, drawers) · face #1C1A17 (raised controls).
   On a near-black ground nothing can sit lower than the page, so "raised" reads by a lighter
   face plus a thin warm top-left edge, and "sunk" by its inner shadow on a lighter surround.

   🛑 Red has two roles here: button FACES stay #D42027 (white on it 5.2:1, as in light), red
   TEXT is --jk-red-text #EE6457. One red cannot do both on dark — measured in the mockup. */
@media (prefers-color-scheme: dark) {
	html:root {
		color-scheme: dark;

		--jk-ink:   #D3CCC2;      /* 12.80 page · 11.85 tile · 10.90 face */
		--jk-muted: #948D83;      /*  6.21 · 5.75 · 5.29 */
		--jk-line:  #2A2723;
		--jk-line-2: #38342F;
		--jk-soft:  #0B0A09;
		/* Red splits in two: button FACES keep #D42027 (white on it 5.2:1, same as light),
		   red TEXT is #EE6457 (6.40 · 5.93 · 5.45), a touch warmer than the brand red. */
		--jk-red:   #D42027;
		--jk-red-text: #EE6457;
		--jk-red-dark: #B31B21;
		--jk-red-tint: #1F0F0D;
		--jk-red-ring: rgba(238, 100, 87, .2);

		--jk-tile:      #12110F;
		--jk-tile-line: #3F3A34;
		--jk-tile-hov:  #1E1B18;
		--jk-edge: rgba(255, 240, 220, .07);
		--jk-plate: 0 0 0 1px rgba(255, 240, 220, .05);

		--jk-led-ok: #3DBE6C;
		--jk-led-wait: #E8AE33;
		--jk-led-off: #EE6457;

		--jk-hi:  rgba(255, 240, 220, .06);
		--jk-lo:  rgba(0, 0, 0, .6);
		--jk-lo2: rgba(0, 0, 0, .75);

		--jk-well:       #050505;
		--jk-field-face: #050505;
		--jk-field-bg:   #050505;
		--jk-sunk:       #1C1A17;

		--jk-nm-ground:    #050505;
		--jk-nm-face:      #1C1A17;
		--jk-nm-face-sunk: #050505;
		--jk-nm-edge:      0 0 0 1px rgba(255, 240, 220, .07);
		--jk-nm-raise:
			inset 1px 1px 0 rgba(255, 240, 220, .08),
			inset -.8px -.8px 2px rgba(0, 0, 0, .4),
			var(--jk-nm-edge);
		--jk-nm-raise-float:
			inset 1px 1px 0 rgba(255, 240, 220, .08),
			inset -.8px -.8px 2px rgba(0, 0, 0, .4),
			var(--jk-nm-edge),
			0 0 0 1px rgba(255, 240, 220, .03),
			0 12px 32px -8px rgba(0, 0, 0, .9);
		--jk-nm-raise-hover:
			inset 1px 1px 0 rgba(255, 240, 220, .11),
			inset -.8px -.8px 2px rgba(0, 0, 0, .4),
			0 0 0 1px rgba(255, 240, 220, .11);
		--jk-nm-sunk:
			inset 1.8px 1.8px 3.6px rgba(0, 0, 0, .9),
			inset -1px -1px 1.5px rgba(255, 240, 220, .04),
			var(--jk-nm-edge);
		--jk-nm-sunk-deep:
			inset 2.4px 2.4px 4.2px rgba(0, 0, 0, 1),
			inset -1px -1px 1.5px rgba(255, 240, 220, .05),
			var(--jk-nm-edge);
		--jk-nm-tap:
			inset 1.4px 1.4px 2.5px rgba(0, 0, 0, .8),
			var(--jk-nm-edge);
		--jk-nm-red-raise:
			inset 1px 1px 0 rgba(255, 255, 255, .18),
			inset -1px -1px 2.5px rgba(0, 0, 0, .18),
			0 0 0 1px rgba(150, 20, 26, .7);
		/* Ink-face buttons become LIGHT keys: still the strongest-contrast object on the page. */
		--jk-nm-dark-raise:
			inset 1px 1px 0 rgba(255, 255, 255, .45),
			inset -1px -1px 2.5px rgba(0, 0, 0, .12),
			0 0 0 1px rgba(0, 0, 0, .6);
		--jk-nm-dark-raise-float: var(--jk-nm-dark-raise), 0 12px 32px -8px rgba(0, 0, 0, .9);
		--jk-nm-dark-press:
			inset 2.4px 2.4px 4.2px rgba(0, 0, 0, .35),
			0 0 0 1px rgba(0, 0, 0, .6);
		--jk-nm-dark-tap:
			inset 1.4px 1.4px 2.5px rgba(0, 0, 0, .3),
			0 0 0 1px rgba(0, 0, 0, .6);
		--jk-nm-img:
			inset 0 0 0 1px rgba(255, 240, 220, .07);
		--jk-nm-img-sm:
			inset 0 0 0 1px rgba(255, 240, 220, .07);
		--jk-nm-img-round:
			inset 0 0 0 1px rgba(255, 240, 220, .06);
		--jk-nm-img-more: inset 0 2px 4px -1.5px rgba(0, 0, 0, .7);
		--jk-shadow: var(--jk-nm-raise);

		/* Field outline (style.css re-defines --jk-field after the alias block): black hairlines
		   vanish on dark, so the ring is a warm light hairline instead. */
		--jk-field:       inset 0 1.5px 3px rgba(0, 0, 0, .8), inset 0 0 0 1px rgba(255, 240, 220, .12);
		--jk-field-focus: inset 0 1.5px 3px rgba(0, 0, 0, .8), inset 0 0 0 1.5px rgba(255, 240, 220, .38);
		--jk-float:       0 0 0 1px rgba(255, 240, 220, .06), 0 12px 32px -8px rgba(0, 0, 0, .9);

		/* Astra-era palette still read by css/woo-general.css, layout.css and base.css. Astra's
		   roles: 0 accent · 1 accent hover · 2 heading · 3 body text · 4 light bg · 5 white ·
		   6 light border/bg · 7 dark · 8 black. Swapped as a whole so pairs keep working
		   (a black button with white text becomes a light key with dark text). */
		--jk-global-color-0: #D3CCC2;
		--jk-global-color-1: #BDB6AC;
		--jk-global-color-2: #D3CCC2;
		--jk-global-color-3: #BFB8AE;
		--jk-global-color-4: #0B0A09;
		--jk-global-color-5: #12110F;
		--jk-global-color-6: #1C1A17;
		--jk-global-color-7: #A39C92;
		--jk-global-color-8: #D3CCC2;
		--jk-global-dark-bg-style: #12110F;
		--jk-global-dark-lfs: #12110F;
		--jk-wc-container-head-bg-color: #12110F;
		--jk-widget-bg-color: #12110F;
		--jk-title-layout-bg: #0B0A09;
		--jk-lifter-hover-bg: #1E1B18;
		--jk-code-block-background: #1C1A17;
		--jk-comment-inputs-background: #050505;
		--jk-gallery-block-color: #D3CCC2;
		--jk-border: #2A2723;
		--jk-border-color: #2A2723;
		--jk-search-border-color: #2A2723;
		--jk-mid: #8A847B;
	}
	html, body { background-color: #050505; color: var(--jk-ink); }

	/* New tokens the theme will need (phase 2 splits --jk-ink into "text" and "dark surface"). */
	html:root {
		--jk-on-ink: #12100E;              /* text ON an ink-coloured surface (was #fff) */
		--jk-glass: rgba(0, 0, 0, .78); /* frosted header / photo labels (was white glass) */
		--jk-disabled-bg: #1C1A17;
		--jk-disabled-fg: #7A746B;
	}

	/* AUTO:START — generated by tools/dark/gen.mjs, do not edit by hand */
/* 225 rules from 12 files. Not translated (shorthand with images/gradients, white glows): 4, listed at the end. */
/* theme/css/base.css */
html:root mark { color: var(--jk-ink) !important; }
/* theme/css/base.css */
html:root body { background-color: var(--jk-nm-ground) !important; }
/* theme/css/base.css */
html:root abbr,
html:root acronym { border-bottom-color: var(--jk-line-2) !important; }
/* theme/css/base.css */
html:root hr { background-color: var(--jk-tile) !important; }
/* theme/css/base.css */
html:root .button,
html:root button,
html:root input[type=button],
html:root input[type=reset],
html:root input[type=submit] { background-color: var(--jk-field-bg) !important; }
/* theme/css/base.css */
html:root input[type=email],
html:root input[type=password],
html:root input[type=search],
html:root input[type=tel],
html:root input[type=text],
html:root input[type=url],
html:root textarea { color: var(--jk-muted) !important; }
/* theme/css/base.css */
html:root input[type=email]:focus,
html:root input[type=password]:focus,
html:root input[type=search]:focus,
html:root input[type=tel]:focus,
html:root input[type=text]:focus,
html:root input[type=url]:focus,
html:root textarea:focus { color: var(--jk-ink) !important; }
/* theme/css/base.css */
html:root .screen-reader-text:focus { background-color: var(--jk-tile) !important; }
/* theme/css/base.css */
html:root .site-title a,
html:root .site-title a:focus,
html:root .site-title a:hover,
html:root .site-title a:visited { color: var(--jk-ink) !important; }
/* theme/css/base.css */
html:root .site .skip-link { background-color: var(--jk-tile) !important; }
/* theme/css/base.css */
html:root body { background-color: var(--jk-nm-ground) !important; }
/* theme/css/base.css */
html:root .main-header-menu .sub-menu { background-color: var(--jk-tile) !important; }
/* theme/css/base.css */
html:root .page-links .page-link { color: var(--jk-ink) !important; }
/* theme/css/base.css */
html:root .page-links .page-link:focus,
html:root .page-links .page-link:hover { color: var(--jk-ink) !important; }
/* theme/css/base.css */
html:root .widget_search .search-form i { color: var(--jk-muted) !important; }
/* theme/css/base.css */
html:root .main-header-bar { background-color: var(--jk-tile) !important; }
/* theme/css/base.css */
html:root input[type=email],
html:root input[type=number],
html:root input[type=password],
html:root input[type=reset],
html:root input[type=search],
html:root input[type=tel],
html:root input[type=text],
html:root input[type=url],
html:root select,
html:root textarea { color: var(--jk-muted) !important; }
/* theme/css/base.css */
html:root input[type=email]:focus,
html:root input[type=password]:focus,
html:root input[type=reset]:focus,
html:root input[type=search]:focus,
html:root input[type=tel]:focus,
html:root input[type=text]:focus,
html:root input[type=url]:focus,
html:root select:focus,
html:root textarea:focus { background-color: var(--jk-field-bg) !important; }
/* theme/css/base.css */
html:root input[type=range]::-webkit-slider-runnable-track { border-color: var(--jk-line) !important; }
/* theme/css/base.css */
html:root input[type=range]::-moz-range-track { border-color: var(--jk-line) !important; }
/* theme/css/base.css */
html:root .single .post-navigation a { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root .wp-block-pullquote { border-top-color: var(--jk-line-2) !important; border-bottom-color: var(--jk-line-2) !important; color: var(--jk-muted) !important; }
/* theme/css/layout.css */
html:root a,
html:root .page-title { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root a:hover,
html:root a:focus { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root blockquote { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root body,
html:root h1,
html:root h2,
html:root h3,
html:root h4,
html:root h5,
html:root h6,
html:root .entry-title a,
html:root .entry-content :where(h1, h2, h3, h4, h5, h6) { color: var(--jk-muted) !important; }
/* theme/css/layout.css */
html:root .tagcloud a:hover,
html:root .tagcloud a:focus,
html:root .tagcloud a.current-item { border-color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root input:focus,
html:root input[type="text"]:focus,
html:root input[type="email"]:focus,
html:root input[type="url"]:focus,
html:root input[type="password"]:focus,
html:root input[type="reset"]:focus,
html:root input[type="search"]:focus,
html:root textarea:focus { border-color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root input[type="radio"]:checked,
html:root input[type="reset"],
html:root input[type="checkbox"]:checked,
html:root input[type="checkbox"]:hover:checked,
html:root input[type="checkbox"]:focus:checked,
html:root input[type="range"]::-webkit-slider-thumb { border-color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root .site-footer a:hover + .post-count,
html:root .site-footer a:focus + .post-count { border-color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root .single .nav-links .nav-previous,
html:root .single .nav-links .nav-next { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root .entry-meta,
html:root .entry-meta * { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root .page-links > .page-link,
html:root .page-links .page-link:hover,
html:root .post-navigation a:hover { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root #cat option,
html:root .secondary .calendar_wrap thead a,
html:root .secondary .calendar_wrap thead a:visited { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root .secondary a:hover + .post-count,
html:root .secondary a:focus + .post-count { border-color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root .page-links .page-link,
html:root .single .post-navigation a { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root .widget-title,
html:root .widget .wp-block-heading { color: var(--jk-muted) !important; }
/* theme/css/layout.css */
html:root .woocommerce-js .astra-cart-drawer .astra-cart-drawer-content .woocommerce-mini-cart__buttons a.checkout:hover { border-color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root .wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button { border-color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root button:focus,
html:root .menu-toggle:hover,
html:root button:hover,
html:root input[type="reset"]:hover,
html:root input[type="reset"]:focus,
html:root input#submit:hover,
html:root input#submit:focus,
html:root input[type="button"]:hover,
html:root input[type="button"]:focus,
html:root input[type="submit"]:hover,
html:root input[type="submit"]:focus { border-color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root body.archive .jk-archive-description a,
html:root body.archive .jk-archive-description a * { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root body.archive .jk-archive-description a:hover,
html:root body.archive .jk-archive-description a:hover * { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root h1,
html:root h2,
html:root h3,
html:root h4,
html:root h5,
html:root h6,
html:root .entry-content :where(h1, h2, h3, h4, h5, h6) { color: var(--jk-muted) !important; }
/* theme/css/layout.css */
html:root .astra-cart-drawer .astra-cart-drawer-content .widget_shopping_cart_content ul li { border-bottom-color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root #jk-scroll-top { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root .jk-pagination a,
html:root .nav-links a { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root .jk-pagination a:hover,
html:root .jk-pagination a:focus,
html:root .jk-pagination > span:hover:not(.dots),
html:root .jk-pagination > span.current { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root .jk-pagination .prev.page-numbers.dots,
html:root .jk-pagination .prev.page-numbers.dots:hover,
html:root .jk-pagination .prev.page-numbers.dots:focus,
html:root .jk-pagination .prev.page-numbers:visited.dots,
html:root .jk-pagination .prev.page-numbers:visited.dots:hover,
html:root .jk-pagination .prev.page-numbers:visited.dots:focus,
html:root .jk-pagination .prev.page-numbers:focus.dots,
html:root .jk-pagination .prev.page-numbers:focus.dots:hover,
html:root .jk-pagination .prev.page-numbers:focus.dots:focus,
html:root .jk-pagination .next.page-numbers.dots,
html:root .jk-pagination .next.page-numbers.dots:hover,
html:root .jk-pagination .next.page-numbers.dots:focus,
html:root .jk-pagination .next.page-numbers:visited.dots,
html:root .jk-pagination .next.page-numbers:visited.dots:hover,
html:root .jk-pagination .next.page-numbers:visited.dots:focus,
html:root .jk-pagination .next.page-numbers:focus.dots,
html:root .jk-pagination .next.page-numbers:focus.dots:hover,
html:root .jk-pagination .next.page-numbers:focus.dots:focus { border-color: var(--jk-line) !important; }
/* theme/css/layout.css */
html:root :where(body.page) header.entry-header .entry-title { color: var(--jk-ink) !important; }
/* theme/css/layout.css */
html:root header.entry-header * { color: var(--jk-muted) !important; }
/* theme/css/layout.css */
html:root :where(body.single-post) header.entry-header .entry-title { color: var(--jk-ink) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js .blockUI.blockOverlay::before { color: var(--jk-ink) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js .loader::before { color: var(--jk-ink) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js small.note { color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js .woocommerce-breadcrumb { color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js .woocommerce-breadcrumb a { color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { background-color: var(--jk-tile) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js div.product .woocommerce-tabs ul.tabs li a { color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js div.product .woocommerce-tabs ul.tabs li a:hover { color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--jk-line) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js nav.woocommerce-pagination ul li a:focus,
html:root .woocommerce-js nav.woocommerce-pagination ul li a:hover,
html:root .woocommerce-js nav.woocommerce-pagination ul li span.current { background-color: var(--jk-tile) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js #reviews h2 small { color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js #reviews h2 small a { color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js #reviews #comments ol.commentlist li .meta { color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js #reviews #comments ol.commentlist #respond { border-color: var(--jk-line) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce ul.products li.product.product-category>a:hover .woocommerce-loop-category__title,
html:root .woocommerce-page ul.products li.product.product-category>a:hover .woocommerce-loop-category__title { background-color: var(--jk-tile) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce ul.products li.product .woocommerce-loop-category__title,
html:root .woocommerce-page ul.products li.product .woocommerce-loop-category__title { background-color: var(--jk-tile) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce table.shop_table thead,
html:root .woocommerce-page table.shop_table thead { background-color: var(--jk-tile) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce form .form-row textarea,
html:root .woocommerce input[type=email],
html:root .woocommerce input[type=number],
html:root .woocommerce input[type=password],
html:root .woocommerce input[type=reset],
html:root .woocommerce input[type=search],
html:root .woocommerce input[type=tel],
html:root .woocommerce input[type=text],
html:root .woocommerce input[type=url],
html:root .woocommerce textarea,
html:root .woocommerce-page form .form-row textarea,
html:root .woocommerce-page input[type=email],
html:root .woocommerce-page input[type=number],
html:root .woocommerce-page input[type=password],
html:root .woocommerce-page input[type=reset],
html:root .woocommerce-page input[type=search],
html:root .woocommerce-page input[type=tel],
html:root .woocommerce-page input[type=text],
html:root .woocommerce-page input[type=url],
html:root .woocommerce-page textarea { background-color: var(--jk-field-bg) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-error,
html:root .woocommerce-info,
html:root .woocommerce-message { background-color: var(--jk-tile) !important; color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-error::before { color: var(--jk-red-text) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce .woocommerce-Addresses .woocommerce-Address-title,
html:root .woocommerce .woocommerce-Addresses .woocommerce-column__title,
html:root .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title,
html:root .woocommerce .woocommerce-MyAccount-content .woocommerce-column__title,
html:root .woocommerce .woocommerce-customer-details .woocommerce-Address-title,
html:root .woocommerce .woocommerce-customer-details .woocommerce-column__title,
html:root .woocommerce-account .woocommerce-Addresses .woocommerce-Address-title,
html:root .woocommerce-account .woocommerce-Addresses .woocommerce-column__title,
html:root .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title,
html:root .woocommerce-account .woocommerce-MyAccount-content .woocommerce-column__title,
html:root .woocommerce-account .woocommerce-customer-details .woocommerce-Address-title,
html:root .woocommerce-account .woocommerce-customer-details .woocommerce-column__title { background-color: var(--jk-tile) !important; }
/* theme/css/woo-general.css */
html:root #add_payment_method .cart-collaterals .cart_totals p small,
html:root .woocommerce-cart .cart-collaterals .cart_totals p small,
html:root .woocommerce-checkout .cart-collaterals .cart_totals p small { color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root #add_payment_method .cart-collaterals .cart_totals table small,
html:root .woocommerce-cart .cart-collaterals .cart_totals table small,
html:root .woocommerce-checkout .cart-collaterals .cart_totals table small { color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root #add_payment_method .checkout .create-account small,
html:root .woocommerce-cart .checkout .create-account small,
html:root .woocommerce-checkout .checkout .create-account small { color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root #add_payment_method #payment div.payment_box,
html:root .woocommerce-cart #payment div.payment_box,
html:root .woocommerce-checkout #payment div.payment_box { background-color: var(--jk-tile) !important; color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root #add_payment_method #payment div.payment_box input.input-text,
html:root #add_payment_method #payment div.payment_box textarea,
html:root .woocommerce-cart #payment div.payment_box input.input-text,
html:root .woocommerce-cart #payment div.payment_box textarea,
html:root .woocommerce-checkout #payment div.payment_box input.input-text,
html:root .woocommerce-checkout #payment div.payment_box textarea { border-color: var(--jk-line) !important; border-top-color: var(--jk-line) !important; }
/* theme/css/woo-general.css */
html:root #add_payment_method #payment div.payment_box span.help,
html:root .woocommerce-cart #payment div.payment_box span.help,
html:root .woocommerce-checkout #payment div.payment_box span.help { color: var(--jk-muted) !important; }
/* theme/css/woo-general.css */
html:root #add_payment_method #payment div.payment_box::before,
html:root .woocommerce-cart #payment div.payment_box::before,
html:root .woocommerce-checkout #payment div.payment_box::before { border-color: var(--jk-line) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-page.woocommerce-checkout #payment div.payment_box,
html:root .woocommerce.woocommerce-checkout #payment div.payment_box { background-color: var(--jk-tile) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-page.woocommerce-checkout #payment div.payment_box:before,
html:root .woocommerce.woocommerce-checkout #payment div.payment_box:before { border-bottom-color: var(--jk-line) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title,
html:root .woocommerce-page.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title,
html:root .woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-column__title,
html:root .woocommerce.woocommerce-checkout .woocommerce-order h2.woocommerce-order-details__title { background-color: var(--jk-tile) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: var(--jk-tile) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-js .widget_product_tag_cloud .tagcloud a a.current-item,
html:root .woocommerce-js .widget_product_tag_cloud .tagcloud a a:focus,
html:root .woocommerce-js .widget_product_tag_cloud .tagcloud a a:hover { background-color: var(--jk-nm-face) !important; }
/* theme/css/woo-general.css */
html:root #secondary .widget_layered_nav_filters ul li.chosen,
html:root .widget_layered_nav_filters ul li.chosen { background-color: var(--jk-tile) !important; }
/* theme/css/woo-general.css */
html:root #secondary .widget_layered_nav_filters ul li.chosen:hover,
html:root .widget_layered_nav_filters ul li.chosen:hover { background-color: var(--jk-tile) !important; }
/* theme/css/woo-general.css */
html:root .wc-block-grid .wc-block-grid__products .wc-block-grid__product.product-category>a:hover .woocommerce-loop-category__title { background-color: var(--jk-tile) !important; }
/* theme/css/woo-general.css */
html:root .woocommerce-page .widget .wc-block-price-slider .wc-block-components-price-slider__range-input-wrapper { background-color: var(--jk-field-bg) !important; }
/* theme/css/woo-extra.css */
html:root .woocommerce-js a.button:hover,
html:root .woocommerce button.button:hover,
html:root .woocommerce input.button:hover,
html:root .woocommerce #respond input#submit:hover { background-color: var(--jk-field-bg) !important; color: var(--jk-muted) !important; }
/* theme/css/woo-extra.css */
html:root .woocommerce-message,
html:root .woocommerce-info { border-top-color: var(--jk-ink) !important; }
/* theme/css/woo-extra.css */
html:root .woocommerce-message::before,
html:root .woocommerce-info::before { color: var(--jk-ink) !important; }
/* theme/css/woo-extra.css */
html:root .woocommerce ul.products li.product .price,
html:root .woocommerce div.product p.price,
html:root .woocommerce div.product span.price,
html:root .widget_layered_nav_filters ul li.chosen a,
html:root .wc-layered-nav-rating a { color: var(--jk-muted) !important; }
/* theme/css/woo-extra.css */
html:root .woocommerce nav.woocommerce-pagination ul,
html:root .woocommerce nav.woocommerce-pagination ul li { border-color: var(--jk-ink) !important; }
/* theme/css/woo-extra.css */
html:root .woocommerce-MyAccount-navigation-link.is-active a { color: var(--jk-ink) !important; }
/* theme/css/woo-extra.css */
html:root .woocommerce-js a.button:hover,
html:root .woocommerce button.button:hover,
html:root .woocommerce .woocommerce-message a.button:hover,
html:root .woocommerce #respond input#submit:hover,
html:root .woocommerce #respond input#submit.alt:hover,
html:root .woocommerce-js a.button.alt:hover,
html:root .woocommerce button.button.alt:hover,
html:root .woocommerce input.button.alt:hover,
html:root .woocommerce input.button:hover,
html:root .woocommerce button.button.alt.disabled:hover,
html:root .wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover { border-color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .woocommerce table.shop_table thead th,
html:root .woocommerce-orders-table thead th,
html:root .woocommerce-cart-form table.cart thead th,
html:root .woocommerce-checkout-review-order-table thead th { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .woocommerce-orders-table tbody td,
html:root .woocommerce-cart-form table.cart td { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .woocommerce-cart-form .product-name > a,
html:root .woocommerce-checkout-review-order-table .product-name,
html:root .woocommerce-orders-table__cell-order-number a { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .woocommerce .product-name dl.variation,
html:root .woocommerce-checkout-review-order-table .product-name dl.variation { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .woocommerce .product-name dl.variation dt { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .woocommerce .product-name dl.variation dd,
html:root .woocommerce .product-name dl.variation dd p { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .woocommerce-checkout-review-order-table .product-quantity,
html:root .woocommerce-account.logged-in table.order_details .product-quantity { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .woocommerce-cart-form .product-price,
html:root .woocommerce-cart-form .product-subtotal,
html:root .woocommerce-checkout-review-order-table .product-total,
html:root .woocommerce-orders-table__cell-order-total { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .woocommerce-cart-form .product-subtotal .woocommerce-Price-amount { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .woocommerce-checkout h3,
html:root #customer_details h3,
html:root .woocommerce-billing-fields > h3,
html:root .woocommerce-additional-fields > h3 { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .cart_totals th,
html:root .woocommerce-checkout-review-order-table tfoot th { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .cart_totals .order-total th,
html:root .cart_totals .order-total .amount,
html:root .woocommerce-checkout-review-order-table .order-total th,
html:root .woocommerce-checkout-review-order-table .order-total .amount { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .woocommerce-checkout .form-row label,
html:root .woocommerce form .form-row label { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root h4,
html:root h5,
html:root h6 { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .woocommerce ul.products li.product .woocommerce-loop-product__title,
html:root .woocommerce-loop-product__title { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .widget-title,
html:root .widget .widget-title { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .jk-breadcrumbs-wrapper .trail-items .trail-end { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .woocommerce div.product .variations .woo-selected-variation-item-name { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .woocommerce div.product .variations select { background-color: var(--jk-field-bg) !important; }
/* theme/style.css */
html:root .woocommerce div.product .variations select:hover { border-color: var(--jk-line) !important; }
/* theme/style.css */
html:root .woocommerce div.product .quantity { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce div.product .quantity .minus,
html:root .woocommerce div.product .quantity .plus,
html:root .woocommerce div.product .quantity .qty { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .woocommerce div.product .quantity .minus,
html:root .woocommerce div.product .quantity .plus { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .woocommerce-checkout .woocommerce-billing-fields__customer-login-label { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .woocommerce-checkout h3#ship-to-different-address,
html:root .woocommerce-checkout h3#ship-to-different-address label,
html:root .woocommerce-checkout h3#ship-to-different-address span,
html:root .woocommerce-checkout p.mailchimp-newsletter,
html:root .woocommerce-checkout p.mailchimp-newsletter label,
html:root .woocommerce-checkout p.mailchimp-newsletter span,
html:root .woocommerce-checkout .woocommerce-form__label-for-checkbox,
html:root .woocommerce-checkout .woocommerce-form__label-for-checkbox span { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .woocommerce-account label[for^="mailchimp_woocommerce_is_"] { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .jk-foot { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .jk-foot__inner::before { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .jk-foot__tag { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .jk-foot__social a { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .jk-foot__col a { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .jk-foot__col a:hover { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .jk-foot__newstxt { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .jk-news input[type="email"] { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .jk-news__msg { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .jk-foot__legal a { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .jk-foot__legal a:hover { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .jk-head::before { background-color: var(--jk-nm-ground) !important; }
/* theme/style.css */
html:root .jk-head.jk-stuck::before { background-color: var(--jk-glass) !important; }
/* theme/style.css */
html:root .jk-menu .sub-menu { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .jk-head__sub { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .jk-head__sub-txt { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .jk-head__search { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .jk-head__drawer { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .jk-404__title { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .jk-404__text { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .jk-404__btn { color: var(--jk-ink) !important; background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root #secondary .widget_product_categories a,
html:root #secondary .product-categories a { color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .jk-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li a:hover,
html:root .jk-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li a:focus { background-color: var(--jk-tile) !important; color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .woocommerce div.product form.cart .single_add_to_cart_button.disabled,
html:root .woocommerce div.product form.cart .single_add_to_cart_button.wc-variation-selection-needed { background-color: var(--jk-disabled-bg) !important; border-color: var(--jk-line) !important; }
/* theme/style.css */
html:root .jk-foot__copy { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .woocommerce-cart :is(input.input-text, select, textarea),
html:root .woocommerce-checkout :is(input.input-text, select, textarea),
html:root .woocommerce-account :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea),
html:root .woocommerce-form-track-order :is(input[type="text"], input[type="email"], input[type="tel"]),
html:root :is(.woocommerce-cart, .woocommerce-checkout, .woocommerce-account) .select2-container .select2-selection { background-color: var(--jk-field-bg) !important; }
/* theme/style.css */
html:root .woocommerce-cart input[type="checkbox"],
html:root .woocommerce-checkout input[type="checkbox"] { border-color: var(--jk-line) !important; background-color: var(--jk-field-bg) !important; }
/* theme/style.css */
html:root .woocommerce-cart input[type="checkbox"]:checked::after,
html:root .woocommerce-checkout input[type="checkbox"]:checked::after { border-color: var(--jk-line) !important; }
/* theme/style.css */
html:root .woocommerce-cart :is(input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], textarea, select),
html:root .woocommerce-checkout :is(input[type=text], input[type=email], input[type=tel], input[type=number], input[type=password], textarea, select),
html:root .woocommerce-checkout .select2-container .select2-selection { border-color: var(--jk-line) !important; background-color: var(--jk-field-bg) !important; }
/* theme/style.css */
html:root .woocommerce-cart .woocommerce-cart-form .quantity { border-color: var(--jk-line) !important; background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover { border-color: var(--jk-line) !important; }
/* theme/style.css */
html:root .woocommerce-checkout #payment input[type="radio"] { background-color: var(--jk-field-bg) !important; }
/* theme/style.css */
html:root :is(.woocommerce-checkout, .woocommerce-cart, .woocommerce-account) .select2-dropdown { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root :is(.woocommerce-checkout, .woocommerce-cart, .woocommerce-account) .select2-search__field { background-color: var(--jk-field-bg) !important; }
/* theme/style.css */
html:root .woocommerce-notices-wrapper :is(.woocommerce-message, .woocommerce-info) a.button,
html:root .woocommerce-cart :is(.woocommerce-message, .woocommerce-info) a.button,
html:root .woocommerce-checkout :is(.woocommerce-message, .woocommerce-info) a.button { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info { border-color: var(--jk-line) !important; border-left-color: var(--jk-line) !important; background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce-cart .woocommerce-message a.button,
html:root .woocommerce-checkout .woocommerce-message a.button { background-color: var(--jk-nm-face) !important; border-color: var(--jk-line) !important; }
/* theme/style.css */
html:root .single-product .jk-pdp-state { background-color: var(--jk-glass) !important; }
/* theme/style.css */
html:root :is(.woocommerce-account:not(.logged-in), .woocommerce-lost-password) .woocommerce :is(input[type=text], input[type=email], input[type=password]) { border-color: var(--jk-line) !important; background-color: var(--jk-field-bg) !important; }
/* theme/style.css */
html:root .woocommerce-account:not(.logged-in) .woocommerce input[type="checkbox"] { border-color: var(--jk-line) !important; background-color: var(--jk-field-bg) !important; }
/* theme/style.css */
html:root .woocommerce-account:not(.logged-in) .woocommerce input[type="checkbox"]:checked::before { border-color: var(--jk-line) !important; }
/* theme/style.css */
html:root .jk-ochip { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .woocommerce-account.logged-in .woocommerce-orders-table .button { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-pagination .button { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .woocommerce-account.logged-in .woocommerce-Address address { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce-account.logged-in .woocommerce-customer-details address { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce-account.logged-in .woocommerce-MyAccount-content :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce-account.logged-in .woocommerce-MyAccount-content :is(.woocommerce-message, .woocommerce-info) a.button { background-color: var(--jk-nm-face) !important; border-color: var(--jk-line) !important; }
/* theme/style.css */
html:root .woocommerce-account.logged-in .account-payment-methods-table .button { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root #add_payment_method #payment ul.payment_methods li { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root #jk-scroll-top { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .woocommerce nav.woocommerce-pagination ul li > span.current,
html:root .woocommerce nav.woocommerce-pagination ul li > .page-numbers { border-color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .jk-pagination .page-numbers { border-color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .jk-pagination .page-numbers.current,
html:root .jk-pagination .page-numbers:focus,
html:root .jk-pagination .page-numbers:hover { border-color: var(--jk-ink) !important; }
/* theme/style.css */
html:root .woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce-checkout #customer_details .col-2 { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce div.product .quantity .minus,
html:root .woocommerce div.product .quantity .plus { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .woocommerce div.product .quantity .minus:hover,
html:root .woocommerce div.product .quantity .plus:hover { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .woocommerce-cart .woocommerce-cart-form .quantity :is(.minus, .plus) { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .woocommerce-cart .woocommerce-cart-form .quantity :is(.minus, .plus):hover { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root #secondary .tagcloud a,
html:root #secondary .wp-block-tag-cloud a,
html:root .tagcloud a { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .woocommerce nav.woocommerce-pagination ul li > .page-numbers:not(.dots),
html:root .jk-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li > a.prev.page-numbers,
html:root .jk-woocommerce-pagination-default.woocommerce nav.woocommerce-pagination ul li > a.next.page-numbers,
html:root .jk-pagination .page-numbers:not(.dots) { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .single-product .jk-swatch--text .jk-swatch__inner,
html:root .single-product .jk-swatch__item.is-text .jk-swatch__inner { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .woocommerce-checkout #order_review #jk-checkout-coupon { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .jk-pg__i,
html:root .woocommerce ul.products li.product { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce-checkout h3#jk-payment_options_heading { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce-checkout #payment { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce-order-received ul.woocommerce-order-overview { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce-cart .jk-cart-empty__alt { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .jk-404 .jk-404__field { background-color: var(--jk-field-bg) !important; }
/* theme/style.css */
html:root .jk-ty__btn { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .jk-ty__pay { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .jk-ty__pay #qrcode { background-color: var(--jk-field-bg) !important; }
/* theme/style.css */
html:root .jk-ty__pay #btnDownloadQR,
html:root .jk-ty__pay #input_casso { background-color: var(--jk-field-bg) !important; }
/* theme/style.css */
html:root :is(body.woocommerce-page, .jk-cart-dw) .quantity.quantity.jk-qty-field .minus,
html:root :is(body.woocommerce-page, .jk-cart-dw) .quantity.quantity.jk-qty-field .plus { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root #jk-scroll-top,
html:root #jk-scroll-top.jk-scroll-to-top-right { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .jk-404__search { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .jk-tag,
html:root .single-product .jk-pdp-state,
html:root .jk-tag--in,
html:root .single-product .jk-pdp-state.jk-tag--in { background-color: var(--jk-glass) !important; }
/* theme/style.css */
html:root :is(.woocommerce-checkout, .woocommerce-cart, .woocommerce-account) .select2-dropdown,
html:root .select2-container--default .select2-dropdown { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .woocommerce-notices-wrapper :is(.woocommerce-message, .woocommerce-info, .woocommerce-error),
html:root .woocommerce-cart :is(.woocommerce-message, .woocommerce-info, .woocommerce-error),
html:root .woocommerce-checkout :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .jk-cart-dw { background-color: var(--jk-tile) !important; }
/* theme/style.css */
html:root .jk-cart-dw.jk-cart-dw .widget_shopping_cart_content p.woocommerce-mini-cart__buttons a.button { background-color: var(--jk-nm-face) !important; }
/* theme/style.css */
html:root .woocommerce form .form-row.woocommerce-invalid :is(input.input-text, textarea),
html:root .woocommerce form .form-row.woocommerce-invalid .select2-selection--single { background-color: var(--jk-tile) !important; }
/* plugins/jk-forms/assets/forms.css */
html:root .select2-dropdown.jkf-dd { background-color: var(--jk-tile) !important; }
/* plugins/jk-forms/assets/forms.css */
html:root .jkf-dd .select2-search--dropdown .select2-search__field { background-color: var(--jk-field-bg) !important; }
/* plugins/jk-forms/assets/forms.css */
html:root .jkf__card input[type="checkbox"] { background-color: var(--jk-field-bg) !important; }
/* plugins/jk-forms/assets/subscribe.css */
html:root .jkf__inline { background-color: var(--jk-tile) !important; }
/* plugins/jk-forms/assets/subscribe.css */
html:root .jkf .jkf__inline input { color: var(--jk-ink) !important; }
/* plugins/jk-variation-swatches/assets/swatch.css */
html:root .jk-swatch--text .jk-swatch__inner,
html:root .jk-swatch__item.is-text .jk-swatch__inner { background-color: var(--jk-nm-face) !important; }
/* plugins/jk-toolkit/modules/gallery-block/blocks.css */
html:root .jk-cd__head { color: var(--jk-ink) !important; }
/* plugins/jk-toolkit/modules/gallery-block/blocks.css */
html:root .jk-cd__sep { color: var(--jk-red-text) !important; }
/* plugins/jk-toolkit/modules/gallery-block/blocks.css */
html:root .jk-cd--light .jk-cd__bar { color: var(--jk-ink) !important; }
/* plugins/jk-toolkit/modules/gallery-block/blocks.css */
html:root .jk-cd--light .jk-cd__l { color: var(--jk-muted) !important; }
/* plugins/jk-toolkit/modules/gallery-block/blocks.css */
html:root .jk-cd--light.jk-cd--gap .jk-cd__n { color: var(--jk-red-text) !important; }
/* plugins/jk-toolkit/modules/gallery-block/blocks.css */
html:root .jk-viewall { background-color: var(--jk-tile) !important; }
/* plugins/jk-toolkit/modules/gallery-block/blocks.css */
html:root .wp-block-columns.is-style-jk-header > .wp-block-column p { color: var(--jk-muted) !important; }
/* plugins/jk-toolkit/modules/gallery-block/blocks.css */
html:root .editor-styles-wrapper .jk-box:has(.is-selected) { outline-color: var(--jk-ink) !important; }
/* plugins/jk-toolkit/modules/gallery-block/blocks.css */
html:root .wp-block-button.is-style-jk-nut-trang.is-style-jk-nut-trang > .wp-block-button__link { background-color: var(--jk-nm-face) !important; color: var(--jk-ink) !important; }
/* plugins/jk-toolkit/modules/gallery-block/blocks.css */
html:root .jk-kenh--song .jk-kenh__nhan { color: var(--jk-red-text) !important; }
@media (max-width: 768px) {
/* theme/style.css */
html:root .woocommerce-cart-form table.cart tr.cart_item td.product-price::before,
html:root .woocommerce-cart-form table.cart tr.cart_item td.product-quantity::before,
html:root .woocommerce-cart-form table.cart tr.cart_item td.product-subtotal::before { color: var(--jk-muted) !important; }
/* theme/style.css */
html:root .woocommerce-account.logged-in .woocommerce-orders-table tbody tr { background-color: var(--jk-tile) !important; }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
/* theme/style.css */
html:root .jk-head.jk-stuck::before { background-color: var(--jk-glass) !important; }
}
@media (hover: hover) {
/* plugins/jk-toolkit/modules/gallery-block/blocks.css */
html:root .wp-block-button.is-style-jk-nut-trang.is-style-jk-nut-trang > .wp-block-button__link:hover { background-color: var(--jk-nm-face) !important; }
}
/* skipped: theme/style.css: .jk-head__cart-n { box-shadow: 0 0 0 2px #fff } */
/* skipped: theme/style.css: .single-product .jk-swatch--image .jk-swatch__inner::after { box-shadow: inset 0 2px 2px rgba(255, 255, 255, .55), inset 0 -2px 2px r } */
/* skipped: plugins/jk-toolkit/modules/gallery-block/blocks.css: .wp-block-button.is-style-jk-nut-trang.is-style-jk-nut-trang > .wp-block-button__link { box-shadow: inset -1.8px -1.8px 3.6px rgba(255, 255, 255, .85),
		inset  } */
/* skipped: plugins/jk-toolkit/modules/gallery-block/blocks.css: .wp-block-button.is-style-jk-nut-vien.is-style-jk-nut-vien > .wp-block-button__link:hover { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .70) } */
/* AUTO:END */

	/* --- Hand patches: what the generator cannot know (ink faces flipping, logo, glass, states).
	   Prefixed `html:root:root` so they win over the AUTO block above (not `html:root body`: that
	   breaks every selector that starts with a body class like .woocommerce-cart). --- */
	/* Header: solid ground at rest, dark glass when stuck. */
	html:root:root .jk-head::before { background: var(--jk-nm-ground) !important; }
	html:root:root .jk-head.jk-stuck::before { background: var(--jk-glass) !important; }
	html:root:root .jk-head.jk-stuck { box-shadow: 0 1px 0 var(--jk-edge) !important; }

	/* Logo: the black wordmark is swapped for img/logo-dark.png by a <picture> in functions.php. */

	/* Glass labels on photos (In stock / Group buy). */
	html:root:root .jk-tag, html:root:root .single-product .jk-pdp-state, html:root:root .jk-tag--in, html:root:root .single-product .jk-pdp-state.jk-tag--in {
		background: var(--jk-glass) !important;
		color: var(--jk-ink) !important;
	}

	/* Footer: was white with #6A6A6A text. */
	html:root:root .jk-foot { background: var(--jk-nm-ground) !important; }
	html:root:root .jk-foot__tag, html:root:root .jk-foot__newstxt, html:root:root .jk-foot__copy, html:root:root .jk-foot__legal a, html:root:root .jk-foot li > a { color: var(--jk-muted) !important; }
	html:root:root .jk-foot__social a { background: var(--jk-nm-face) !important; color: var(--jk-ink) !important; border-color: var(--jk-line) !important; }

	/* Surfaces hard-coded #fff. */
	html:root:root ul.products li.product, html:root:root .jk-pg__i, html:root:root .jk-upsell__thumb, html:root:root .woocommerce-cart .jk-cart-empty__alt, html:root:root .single-product .woocommerce-product-gallery__trigger, html:root:root .woocommerce nav.woocommerce-pagination ul li > .page-numbers, html:root:root .jk-pagination .page-numbers { background-color: var(--jk-tile) !important; border-color: var(--jk-line) !important; }

	/* Text hard-coded near-black. */
	html:root:root .woocommerce-loop-product__title, html:root:root .jk-cd__t, html:root:root .entry-content a:not(.wp-element-button):not(.button), html:root:root .wp-block-column > p, html:root:root .woocommerce-product-gallery__trigger { color: var(--jk-ink) !important; }
	html:root:root .jk-nhan, html:root:root .jk-kenh__nhan, html:root:root .jk-cd__sep { color: var(--jk-red-text) !important; }

	/* Disabled add-to-cart (was #EDEDED / #8A8A8A). */
	html:root:root .woocommerce div.product form.cart .single_add_to_cart_button.disabled, html:root:root .woocommerce div.product form.cart .single_add_to_cart_button.wc-variation-selection-needed {
		background: var(--jk-disabled-bg) !important; color: var(--jk-disabled-fg) !important; border-color: var(--jk-disabled-bg) !important;
	}

	/* Ink surfaces: the site's black chip/button becomes the light one, so its #fff text flips. */
	html:root:root .jk-chip--gia, html:root:root .jk-skip, html:root:root .jk-foot__social a:hover, html:root:root #jk-scroll-top:hover, html:root:root .jk-404__btn--primary, html:root:root .jk-404__btn:hover, html:root:root .jk-ty__btn:hover, html:root:root .woocommerce-cart .jk-cart-empty__alt:hover, html:root:root .woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active > a, html:root:root #jk-checkout-coupon .coupon button, html:root:root #jk-checkout-coupon form.checkout_coupon button[name="apply_coupon"], html:root:root .jk-cart-dw .widget_shopping_cart_content p.woocommerce-mini-cart__buttons a.button:hover {
		color: var(--jk-on-ink) !important;
	}
	html:root:root .jk-404__btn--primary, html:root:root .jk-404__btn:hover { background: var(--jk-ink) !important; }

	/* Overlay behind drawers: deeper on dark, or the page shows through too bright. */
	html:root:root .jk-head__overlay, html:root:root .jk-cart-dw__overlay { background: rgba(0, 0, 0, .6) !important; }

	/* Drawers (cart + menu) were #fff. Raised tile on the dimmed page. */
	html:root:root .jk-cart-dw, html:root:root .jk-head__drawer, html:root:root .jk-head .jk-head__drawer { background: var(--jk-tile) !important; }
	/* "View cart" was a white pill. */
	html:root:root .jk-cart-dw.jk-cart-dw .widget_shopping_cart_content p.woocommerce-mini-cart__buttons a.button:not(.checkout) {
		background: var(--jk-nm-face) !important; color: var(--jk-ink) !important;
	}

	/* --- Sweep 2 (every page type, 2026-11-14) --------------------------------------------- */
	/* Checkout panels and Woo notices were #fff. */
	html:root:root .woocommerce-checkout #order_review_heading, html:root:root .woocommerce-checkout #jk-payment_options_heading, html:root:root .woocommerce-checkout #payment, html:root:root #jk-checkout-coupon, html:root:root .woocommerce-info, html:root:root .woocommerce-message, html:root:root .woocommerce-error, html:root:root .woocommerce-notice {
		background-color: var(--jk-tile) !important; color: var(--jk-ink) !important;
	}
	html:root:root .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover { border-color: var(--jk-line-2) !important; }
	/* Fields hard-coded #FAFAFA (jk-forms, checkout checkboxes). */
	html:root:root input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]), html:root:root textarea, html:root:root select {
		background-color: var(--jk-field-bg) !important; color: var(--jk-ink) !important;
	}
	/* Raffle slot #F7F7F7. */
	html:root:root .jk-raffle-slot { background-color: var(--jk-tile) !important; }
	/* Grey and black text literals: #636363, #444, #6A6A6A, #0C0C0C, #000. */
	html:root:root .posted-on .published, html:root:root .jk-terms-link, html:root:root .jk-terms-link a, html:root:root .jk-404__text, html:root:root .woocommerce-billing-fields__customer-login-label { color: var(--jk-muted) !important; }
	html:root:root .jk-h1-tu-do, html:root:root .must-log-in a { color: var(--jk-ink) !important; }
	html:root:root .nav-links .page-numbers.current, html:root:root .jkf__req { color: var(--jk-red-text) !important; }
	/* Blog date chip sits on an ink face (a light chip now): its text flips with it. */
	html:root:root .jk-blog-featured-section .jk-date-meta .posted-on, html:root:root .jk-blog-featured-section .jk-date-meta .posted-on * { color: var(--jk-on-ink) !important; }
	/* Swatches re-declare the ink tokens on .jk-swatch (style.css and swatch.css). */
	html:root:root .jk-swatch { --jk-ink: #D3CCC2; --jk-mid: #8A847B; --jk-border: #2A2723; --jk-muted: #948D83; }
	/* Current page number reads --jk-red-dark as TEXT; notice and empty-cart borders read --jk-ink. */
	html:root:root .nav-links .page-numbers.current.current.current, html:root:root .woocommerce-pagination .page-numbers.current.current.current { color: var(--jk-red-text) !important; }
	html:root:root :is(.woocommerce-info, .woocommerce-message, .woocommerce-error), html:root:root .woocommerce-cart .jk-cart-empty__alt { border-color: var(--jk-line-2) !important; }
	/* style.css §5 paints the CURRENT page number and the selected text swatch with --jk-red-dark
	   as text colour (inside an ID selector), too dark on a dark face. */
	html:root:root #content .jk-pagination .page-numbers.current, html:root:root .jk-pagination .page-numbers.current.current,
	html:root:root .single-product .jk-swatch--text .jk-swatch__item.is-selected .jk-swatch__inner,
	html:root:root .single-product .jk-swatch__item.is-text.is-selected .jk-swatch__inner { color: var(--jk-red-text) !important; }
	/* White ring around the cart count bubble: on dark it is a ring of page colour. */
	html:root:root .jk-head__cart-n { box-shadow: 0 0 0 2px var(--jk-nm-ground) !important; }
}
