/* ============================================================================
   THE GLASS LOOK (tk-menu 0.14.0, option tk_menu_look = glass, ?look=glass to
   try it on). The look from the code.xr "Glassy Dashboard V4" reel Raj sent on
   2026-10-26, on the live menu page: one blurred food photo (the hero poster)
   behind the whole page, every pane a frosted translucent card with a hairline
   white border, white type, amber actions. Loaded after menu.css (it depends on
   the tk-menu handle); every selector sits on body.tkm-glass, which
   TK_Menu_Look adds on the pages that render the regular menu, so nothing here
   reaches any other page. Only the heavier blur panes (header, section strips,
   hero, cart, sheet, toast) use backdrop-filter; the cards sit on an already
   blurred photo, so a plain translucent fill reads the same and costs nothing.
   ============================================================================ */
body.tkm-glass {
	--g-fill: rgba(255,255,255,.09);
	--g-fill-hover: rgba(255,255,255,.14);
	--g-fill-strong: rgba(255,255,255,.18);
	--g-line: rgba(255,255,255,.18);
	--g-line-soft: rgba(255,255,255,.10);
	--g-ink: #FFFFFF;
	--g-ink-2: rgba(255,255,255,.72);
	--g-ink-3: rgba(255,255,255,.52);
	--g-amber: #F2B544;
	--g-amber-hover: #F7C45E;
	--g-amber-ink: #1B120C;
	--g-dark: rgba(22,14,10,.55);
	--g-shadow: 0 10px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.22);
	--g-shadow-lg: 0 24px 60px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.22);
	--g-radius: 22px;
	background: #1B110C;
	color: var(--g-ink);
}

/* ---- The scene: Raj's tikka masala, blurred, fixed, under everything ---- */
body.tkm-glass::before {
	content: "";
	position: fixed;
	inset: -40px;
	z-index: -1;
	background: #1B110C url("../img/hero/masala-desktop-1.webp") center 45% / cover no-repeat;
	filter: blur(26px) saturate(1.2) brightness(.78);
	pointer-events: none;
}
body.tkm-glass::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(90% 60% at 50% 0%, rgba(255,190,110,.18) 0%, rgba(255,190,110,0) 60%),
		linear-gradient(180deg, rgba(20,12,8,.10) 0%, rgba(20,12,8,.42) 100%);
}
@media (max-width: 768px) {
	body.tkm-glass::before {
		background-image: url("../img/hero/masala-mobile-1.webp");
		filter: blur(20px) saturate(1.2) brightness(.74);
	}
}

/* ---- Theme chrome: the page and header become see-through ---- */
body.tkm-glass #page,
body.tkm-glass #content,
body.tkm-glass .site-content,
body.tkm-glass .content-area,
body.tkm-glass .col-full { background: transparent !important; }

body.tkm-glass .site-header,
body.tkm-glass .site-header .main-header,
body.tkm-glass .site-header .col-full-nav,
body.tkm-glass .site-header .main-navigation { background: transparent !important; }
body.tkm-glass .site-header {
	background: rgba(14,9,6,.42) !important;
	-webkit-backdrop-filter: blur(22px) saturate(1.3);
	backdrop-filter: blur(22px) saturate(1.3);
	border-bottom: 1px solid var(--g-line-soft);
	box-shadow: 0 8px 30px rgba(0,0,0,.18);
}
body.tkm-glass .topbar-wrapper { background: rgba(14,9,6,.30) !important; color: var(--g-ink-2) !important; border: 0 !important; }
body.tkm-glass .topbar-wrapper a,
body.tkm-glass .topbar-wrapper span { color: var(--g-ink) !important; }
body.tkm-glass .header-widget-region { background: transparent !important; }
body.tkm-glass .header-widget-region,
body.tkm-glass .header-widget-region p,
body.tkm-glass .header-widget-region a { color: var(--g-ink-2) !important; }
body.tkm-glass .header-widget-region a { color: var(--g-amber) !important; }
body.tkm-glass .site-footer {
	background: rgba(14,9,6,.55) !important;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	border-top: 1px solid var(--g-line-soft);
}

/* ---- Hero: a frosted pane with the bowl cut-out floating over the blurred scene ---- */
body.tkm-glass .tkm-hero,
body.tkm-glass .tkm-hero--art-diwali {
	width: auto;
	max-width: 1200px;
	margin: 18px auto 26px;
	height: clamp(360px, 58vh, 560px);
	border-radius: 28px;
	background: var(--g-fill);
	border: 1px solid var(--g-line);
	-webkit-backdrop-filter: blur(28px) saturate(1.25);
	backdrop-filter: blur(28px) saturate(1.25);
	box-shadow: var(--g-shadow-lg);
}
@media (max-width: 1232px) { body.tkm-glass .tkm-hero { margin-left: 16px; margin-right: 16px; } }
@media (max-width: 768px) { body.tkm-glass .tkm-hero { height: clamp(380px, 56svh, 520px); border-radius: 22px; margin: 12px 12px 20px; } }
/* The poster and the drawn art go; the blurred page scene is the backdrop now. */
body.tkm-glass .tkm-hero-layer--bg,
body.tkm-glass .tkm-hero-layer--mid,
body.tkm-glass .tkm-hero-video { display: none !important; }
body.tkm-glass .tkm-hero-layer--fg { filter: drop-shadow(0 30px 40px rgba(0,0,0,.45)); }
body.tkm-glass .tkm-hero-scrim {
	background: linear-gradient(180deg, rgba(20,12,8,0) 0%, rgba(20,12,8,0) 45%, rgba(20,12,8,.48) 100%);
}
body.tkm-glass .tkm-hero-kicker { color: var(--g-amber); text-shadow: none; }
body.tkm-glass .tkm-hero-title { text-shadow: 0 2px 30px rgba(0,0,0,.45); }
body.tkm-glass .tkm-hero-sub { color: var(--g-ink-2) !important; text-shadow: none; }
body.tkm-glass .tkm-hero-cue { color: var(--g-ink-3); }
body.tkm-glass .tkm-hero-tile img { border-color: rgba(255,255,255,.55); box-shadow: 0 8px 22px rgba(0,0,0,.4); }
body.tkm-glass .tkm-hero-tile { text-shadow: 0 1px 6px rgba(0,0,0,.5); }

/* ---- Menu root: white type on glass ---- */
body.tkm-glass #tk-menu-root { color: var(--g-ink); }
body.tkm-glass #tk-menu-root .tkm-topbar h1 { color: var(--g-ink); }

/* Pills: diet filters and the phone's category chips */
body.tkm-glass .tkm-chip {
	background: var(--g-fill);
	border-color: var(--g-line);
	color: var(--g-ink);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
}
body.tkm-glass .tkm-chip:hover { background: var(--g-fill-hover); }
body.tkm-glass #tk-menu-root .tkm-chip.is-active { background: #fff; border-color: #fff; color: var(--g-amber-ink); }

/* Category rail */
body.tkm-glass .tkm-rail {
	padding: 8px;
	border-radius: var(--g-radius);
	background: var(--g-fill);
	border: 1px solid var(--g-line);
	box-shadow: var(--g-shadow);
}
body.tkm-glass .tkm-navitem { color: var(--g-ink-2); }
body.tkm-glass .tkm-navitem:hover { background: var(--g-fill-hover); color: var(--g-ink); }
body.tkm-glass .tkm-navitem.is-active { background: var(--g-fill-strong); color: var(--g-ink); box-shadow: inset 0 0 0 1px var(--g-line); }

/* Section headers: a frosted strip the cards slide under */
body.tkm-glass .tkm-section-h {
	color: var(--g-ink);
	background: rgba(24,15,10,.50);
	border-bottom: 1px solid var(--g-line-soft);
	-webkit-backdrop-filter: blur(18px) saturate(1.2);
	backdrop-filter: blur(18px) saturate(1.2);
	padding: 10px 14px;
	border-radius: 14px;
	margin-bottom: 16px;
}
body.tkm-glass .tkm-sec-closed-pill { background: var(--g-fill-strong); color: var(--g-ink); border-color: var(--g-line); }

/* Dish cards */
body.tkm-glass .tkm-card,
body.tkm-glass .tkm-pack-card,
body.tkm-glass .tkm-boxcard,
body.tkm-glass .tkm-meal-card,
body.tkm-glass .tkm-card--featured {
	background: var(--g-fill);
	border: 1px solid var(--g-line);
	border-radius: var(--g-radius);
	box-shadow: var(--g-shadow);
	color: var(--g-ink);
}
body.tkm-glass .tkm-pack-card { background: rgba(255,196,110,.12); }
body.tkm-glass .tkm-boxcard { background: rgba(255,255,255,.12); }
body.tkm-glass .tkm-card:hover { background: var(--g-fill-hover); border-color: rgba(255,255,255,.3); transform: translateY(-3px); box-shadow: 0 18px 40px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.25); }
body.tkm-glass .tkm-card-img { background: rgba(255,255,255,.06); border-bottom: 1px solid var(--g-line-soft); }
body.tkm-glass .tkm-card-img-empty,
body.tkm-glass .tkm-pack-card-art,
body.tkm-glass .tkm-meal-card-art { background: rgba(255,255,255,.06); color: var(--g-ink-3); }
body.tkm-glass .tkm-card-head h3,
body.tkm-glass .tkm-boxcard .tkm-card-head h3 { color: var(--g-ink); }
body.tkm-glass .tkm-card-desc,
body.tkm-glass .tkm-pack-card .tkm-card-desc,
body.tkm-glass .tkm-meal-card .tkm-card-desc { color: var(--g-ink-2); }
body.tkm-glass .tkm-price { color: var(--g-ink); }
body.tkm-glass .tkm-card-cal,
body.tkm-glass .tkm-lb-closed { color: var(--g-ink-3); }
body.tkm-glass .tkm-boxcard .tkm-lb-closed { color: var(--g-amber); }

/* Tags: tinted glass pills, like the reel's status chips */
body.tkm-glass .tkm-badge { border: 1px solid transparent; }
body.tkm-glass .tkm-badge-veg { background: rgba(74,222,128,.16); color: #BBF7D0; border-color: rgba(74,222,128,.25); }
body.tkm-glass .tkm-badge-gf  { background: var(--g-fill-strong); color: var(--g-ink); border-color: var(--g-line); }
body.tkm-glass .tkm-badge-hot { background: rgba(248,113,113,.18); color: #FECACA; border-color: rgba(248,113,113,.28); }
body.tkm-glass .tkm-pop-pill,
body.tkm-glass .tkm-pack-feeds,
body.tkm-glass .tkm-meal-feeds { background: rgba(242,181,68,.18); color: #FFE2A8; border: 1px solid rgba(242,181,68,.3); }

/* Actions: amber pills with dark type (the brand azure stays on the normal skin) */
body.tkm-glass #tk-menu-root .tkm-add:not([disabled]),
body.tkm-glass #tk-menu-root .tkm-checkout:not([disabled]),
body.tkm-glass #tk-menu-root .tkm-cartbar-btn,
body.tkm-glass .tkm-add-btn:not([disabled]),
body.tkm-glass .tkm-pack-next,
body.tkm-glass .tkm-pack-offer-btn,
body.tkm-glass .tkm-pp-pair__btn {
	background: var(--g-amber);
	color: var(--g-amber-ink);
	box-shadow: 0 6px 18px rgba(242,181,68,.28);
}
body.tkm-glass #tk-menu-root .tkm-add:not([disabled]):hover,
body.tkm-glass #tk-menu-root .tkm-checkout:not([disabled]):hover,
body.tkm-glass #tk-menu-root .tkm-cartbar-btn:hover,
body.tkm-glass .tkm-add-btn:not([disabled]):hover { background: var(--g-amber-hover); }
body.tkm-glass #tk-menu-root .tkm-add.tkm-added { background: #4ADE80; color: var(--g-amber-ink); }
body.tkm-glass #tk-menu-root .tkm-add[disabled],
body.tkm-glass #tk-menu-root .tkm-checkout[disabled],
body.tkm-glass .tkm-add-btn[disabled],
body.tkm-glass .tkm-boxcard .tkm-add[disabled] { background: var(--g-fill); color: var(--g-ink-3); border: 1px solid var(--g-line-soft); box-shadow: none; }
body.tkm-glass .tkm-cartbar-count { background: rgba(0,0,0,.14); }
body.tkm-glass .tkm-link-btn { color: var(--g-ink-2); }
body.tkm-glass .tkm-link-btn:hover { background: var(--g-fill-hover); color: var(--g-ink); }
body.tkm-glass .tkm-link-danger,
body.tkm-glass .tkm-link-danger:hover { color: #FCA5A5; background: transparent; }

/* Banners (lunch box, packs): a glass edge on the photo panels */
body.tkm-glass .tkm-lb-banner,
body.tkm-glass .tkm-pack-banner,
body.tkm-glass .tkm-sec-banner {
	border: 1px solid var(--g-line);
	border-radius: var(--g-radius);
	box-shadow: var(--g-shadow-lg);
	overflow: hidden;
}
/* The lunch box banner's "Build yours" is the one azure button left; amber like every other action */
body.tkm-glass .tkm-lb-banner__cta {
	background: var(--g-amber);
	color: var(--g-amber-ink);
	box-shadow: 0 6px 18px rgba(242,181,68,.28);
}
body.tkm-glass .tkm-lb-banner__cta.is-off { background: var(--g-fill-strong); color: var(--g-ink); box-shadow: none; }

/* The side cart */
body.tkm-glass .tkm-cart {
	background: var(--g-fill);
	border: 1px solid var(--g-line);
	border-radius: var(--g-radius);
	box-shadow: var(--g-shadow);
	-webkit-backdrop-filter: blur(24px) saturate(1.25);
	backdrop-filter: blur(24px) saturate(1.25);
	color: var(--g-ink);
}
body.tkm-glass .tkm-cart-head,
body.tkm-glass .tkm-cart-foot { background: transparent; border-color: var(--g-line-soft); }
body.tkm-glass .tkm-cart-head h2,
body.tkm-glass .tkm-cart-subtotal,
body.tkm-glass .tkm-cart-line-top h4,
body.tkm-glass .tkm-cart-line-total { color: var(--g-ink); }
body.tkm-glass .tkm-cart-count { background: var(--g-amber); color: var(--g-amber-ink); }
body.tkm-glass .tkm-cart-empty { color: var(--g-ink-3); }
body.tkm-glass .tkm-cart-empty p { color: var(--g-ink-2); }
body.tkm-glass .tkm-cart-line { border-color: var(--g-line-soft); }
body.tkm-glass .tkm-cart-img { background: rgba(255,255,255,.06); }
body.tkm-glass .tkm-cart-line-sum,
body.tkm-glass .tkm-cart-line-notes { color: var(--g-ink-3); }
body.tkm-glass .tkm-qty { border-color: var(--g-line); background: var(--g-fill); }
body.tkm-glass .tkm-qty button { color: var(--g-ink); }
body.tkm-glass .tkm-qty button:hover { background: var(--g-fill-hover); }
body.tkm-glass .tkm-qty span { color: var(--g-ink); }
body.tkm-glass .tkm-icon-btn { color: var(--g-ink-2); }
body.tkm-glass .tkm-icon-btn:hover { background: var(--g-fill-hover); color: var(--g-ink); }

/* Upsell row and the "added" toast */
body.tkm-glass .tkm-upsell { background: var(--g-fill); border: 1px solid var(--g-line-soft); border-radius: 16px; }
body.tkm-glass .tkm-upsell-h { color: var(--g-ink-2); }
body.tkm-glass .tkm-toast {
	background: rgba(24,15,10,.78);
	color: var(--g-ink);
	border: 1px solid var(--g-line);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	box-shadow: var(--g-shadow-lg);
}
body.tkm-glass .tkm-toast-undo { color: var(--g-amber); }

/* ---- The modifier sheet (hangs off <body>): dark frosted glass ---- */
body.tkm-glass .tkm-scrim,
body.tkm-glass .tkm-sheet-scrim { background: rgba(10,6,4,.55); }
body.tkm-glass .tkm-sheet,
body.tkm-glass .tkm-pack {
	background: rgba(30,19,13,.82);
	color: var(--g-ink);
	border: 1px solid var(--g-line);
	-webkit-backdrop-filter: blur(30px) saturate(1.3);
	backdrop-filter: blur(30px) saturate(1.3);
	box-shadow: var(--g-shadow-lg);
}
body.tkm-glass .tkm-sheet-head,
body.tkm-glass .tkm-sheet-foot,
body.tkm-glass .tkm-group,
body.tkm-glass .tkm-pack-top { border-color: var(--g-line-soft); background: transparent; }
body.tkm-glass .tkm-sheet-head h2,
body.tkm-glass .tkm-sheet-title,
body.tkm-glass .tkm-group h4,
body.tkm-glass .tkm-pack-step-h,
body.tkm-glass .tkm-pack-title,
body.tkm-glass .tkm-pack-stepline strong { color: var(--g-ink); }
body.tkm-glass .tkm-sheet-desc,
body.tkm-glass .tkm-addons-hint,
body.tkm-glass .tkm-pack-step-hint,
body.tkm-glass .tkm-pack-stepline,
body.tkm-glass .tkm-heat-caption,
body.tkm-glass .tkm-rice-caption,
body.tkm-glass .tkm-opt-cal { color: var(--g-ink-3); }
body.tkm-glass .tkm-req { color: var(--g-amber); }
body.tkm-glass .tkm-opt {
	background: var(--g-fill);
	border-color: var(--g-line-soft);
	color: var(--g-ink);
}
body.tkm-glass .tkm-opt:hover { background: var(--g-fill-hover); }
body.tkm-glass .tkm-opt.is-selected { background: var(--g-fill-strong); border-color: var(--g-amber); }
body.tkm-glass .tkm-opt-indicator { border-color: rgba(255,255,255,.4); }
body.tkm-glass .tkm-opt.is-selected .tkm-opt-indicator { background: var(--g-amber); border-color: var(--g-amber); color: var(--g-amber-ink); }
body.tkm-glass .tkm-opt-price,
body.tkm-glass .tkm-addon-price,
body.tkm-glass .tkm-rice-price { color: var(--g-ink-3); }
body.tkm-glass .tkm-addon,
body.tkm-glass .tkm-boxpick,
body.tkm-glass .tkm-rice-tile,
body.tkm-glass .tkm-pack-pill,
body.tkm-glass .tkm-pack-preset,
body.tkm-glass .tkm-pack-dish {
	background: var(--g-fill);
	border-color: var(--g-line);
	color: var(--g-ink);
}
body.tkm-glass .tkm-addon:hover,
body.tkm-glass .tkm-boxpick:hover,
body.tkm-glass .tkm-rice-tile:hover { background: var(--g-fill-hover); border-color: rgba(255,255,255,.3); }
body.tkm-glass .tkm-addon-ic,
body.tkm-glass .tkm-rice-ic,
body.tkm-glass .tkm-rice-name,
body.tkm-glass .tkm-boxpick-price { color: var(--g-ink-2); }
body.tkm-glass .tkm-addon.is-selected,
body.tkm-glass .tkm-boxpick.is-active,
body.tkm-glass .tkm-pack-pill.is-active,
body.tkm-glass .tkm-pack-preset.is-active { background: var(--g-amber); border-color: var(--g-amber); color: var(--g-amber-ink); }
body.tkm-glass .tkm-addon.is-selected .tkm-addon-ic,
body.tkm-glass .tkm-addon.is-selected .tkm-addon-price,
body.tkm-glass .tkm-boxpick.is-active .tkm-boxpick-price { color: rgba(27,18,12,.75); }
body.tkm-glass .tkm-rice-tile.is-selected { background: var(--g-fill-strong); border-color: var(--g-amber); }
body.tkm-glass .tkm-rice-tile.is-selected .tkm-rice-ic,
body.tkm-glass .tkm-rice-tile.is-selected .tkm-rice-name { color: var(--g-amber); }
body.tkm-glass .tkm-heatmeter { border-color: var(--g-line); background: rgba(255,255,255,.08); }
body.tkm-glass .tkm-heat-name { color: var(--g-ink); }
body.tkm-glass .tkm-notes {
	background: var(--g-fill);
	border: 1px solid var(--g-line);
	color: var(--g-ink);
	border-radius: 12px;
}
body.tkm-glass .tkm-notes::placeholder { color: var(--g-ink-3); }
body.tkm-glass .tkm-notes:focus { outline-color: var(--g-amber); border-color: var(--g-amber); }
body.tkm-glass .tkm-pack-progress { background: rgba(255,255,255,.14); }
body.tkm-glass .tkm-pack-progress span { background: var(--g-amber); }
body.tkm-glass .tkm-pack-review-row { border-color: var(--g-line-soft); }
body.tkm-glass .tkm-pack-review-k { color: var(--g-ink-3); }
body.tkm-glass .tkm-pack-saving,
body.tkm-glass .tkm-pack-tally { color: var(--g-amber); }

/* ---- Phone: category chips and the floating cart bar on glass ---- */
@media (max-width: 768px) {
	body.tkm-glass .tkm-rail { padding: 6px; border-radius: 999px; }
	body.tkm-glass .tkm-section-h { border-radius: 12px; }
}

/* ---- Reduced transparency: solid fallbacks keep everything readable ---- */
@media (prefers-reduced-transparency: reduce) {
	body.tkm-glass { --g-fill: rgba(40,26,18,.92); --g-fill-hover: rgba(52,34,24,.95); --g-fill-strong: rgba(70,46,32,.96); }
	body.tkm-glass::before { filter: blur(40px) brightness(.4); }
}

/* ---- Round two (after the first staging look) ---- */
/* The Diwali pack section paints its cards cream with a three-class rule; glass wins here. */
body.tkm-glass .tkm-pack-section .tkm-pack-card,
body.tkm-glass .tkm-pack-theme-diwali.tkm-pack-section .tkm-pack-card { background: rgba(255,196,110,.12); border-color: var(--g-line); }
/* The header logo is an opaque AVIF, white marks on black; screen-blending drops the black. */
body.tkm-glass .site-header .custom-logo,
body.tkm-glass .site-header .custom-logo-link img { mix-blend-mode: screen; }
/* Phone: the sticky category chip bar was a white strip; frosted now. */
@media (max-width: 680px) {
	body.tkm-glass #tk-menu-root .tkm-nav {
		background: rgba(24,15,10,.55);
		-webkit-backdrop-filter: blur(20px) saturate(1.2);
		backdrop-filter: blur(20px) saturate(1.2);
		box-shadow: 0 1px 0 var(--g-line-soft);
	}
	body.tkm-glass .tkm-card { border-radius: 18px; }
}

/* ---- Round three ---- */
/* Header: the theme paints its nav row (.header-4-container) black, and the logo file is white
   marks on opaque black. The row goes see-through and the logo swaps for the transparent white
   mark tk-order-feedback already ships. */
body.tkm-glass .header-4-container,
body.tkm-glass .site-header .header-4-container { background: transparent !important; }
body.tkm-glass .site-header .custom-logo-link {
	display: inline-block;
	width: 150px;
	height: 63px;
	background: url("../img/logo-white-4x.png") center / contain no-repeat; /* 4x: a 1x file blurs on 3x phone screens */
}
body.tkm-glass .site-header .custom-logo-link img { opacity: 0; width: 100%; height: 100%; mix-blend-mode: normal; }

/* Spice meter: the unlit steps were white with white names */
body.tkm-glass .tkm-heat-seg { background: var(--g-fill); color: var(--g-ink-2); }
body.tkm-glass .tkm-heat-seg:not(.is-filled):hover { background: var(--g-fill-hover); color: var(--g-ink); }
body.tkm-glass .tkm-heat-seg.is-filled { color: #fff; }
body.tkm-glass .tkm-heat-caption strong { color: #FCA5A5; }

/* Pack wizard panes (the Diwali theme repaints several of these, so its selectors are matched) */
body.tkm-glass .tkm-pack-presets,
body.tkm-glass .tkm-pack-theme-diwali .tkm-pack-presets { background: var(--g-fill); border: 1px solid var(--g-line-soft); }
body.tkm-glass .tkm-pack-presets-h { color: var(--g-ink-2); }
body.tkm-glass .tkm-pack-preset { background: var(--g-fill); color: var(--g-ink); border-color: var(--g-line-soft); }
body.tkm-glass .tkm-pack-preset:hover { border-color: var(--g-amber); background: var(--g-fill-hover); box-shadow: none; }
body.tkm-glass .tkm-pack-preset span { color: var(--g-ink-3); }
body.tkm-glass .tkm-pack-tag { background: rgba(242,181,68,.2); color: #FFE2A8; }
body.tkm-glass .tkm-pack-hint { color: var(--g-ink-3); }
body.tkm-glass .tkm-pack-heat { background: rgba(30,19,13,.92); border-color: var(--g-line-soft); }
body.tkm-glass .tkm-pack-count { background: var(--g-fill); border-color: var(--g-line-soft); }
body.tkm-glass .tkm-pack-count.is-on { background: var(--g-fill-strong); border-color: var(--g-amber); }
body.tkm-glass .tkm-pack-count-label { color: var(--g-ink); }
body.tkm-glass .tkm-pack-stepper { background: var(--g-fill); border-color: var(--g-line); }
body.tkm-glass .tkm-pack-stepper button { color: var(--g-ink); }
body.tkm-glass .tkm-pack-tally { color: #FCA5A5; }
body.tkm-glass .tkm-pack-tally.is-done { color: #86EFAC; }
body.tkm-glass .tkm-pack-offer { background: rgba(242,181,68,.12); border-color: rgba(242,181,68,.3); }
body.tkm-glass .tkm-pack-offer-txt { color: var(--g-ink-3); }
body.tkm-glass .tkm-pack-offer-txt strong { color: var(--g-ink); }
body.tkm-glass .tkm-pack-includes { color: var(--g-ink-3); }
body.tkm-glass .tkm-pack-saving { background: rgba(74,222,128,.14); color: #BBF7D0; border-color: rgba(74,222,128,.25); }
body.tkm-glass .tkm-pack-back { background: var(--g-fill); color: var(--g-ink); border-color: var(--g-line); }
body.tkm-glass .tkm-pack-back:hover { background: var(--g-fill-hover); }
body.tkm-glass .tkm-pack-review-v { color: var(--g-ink); }
body.tkm-glass .tkm-calbar { background: var(--g-fill); color: var(--g-ink-2); border-color: var(--g-line-soft); }

/* ---- Round four: header text, the hidden logo image, the phone menu toggle ---- */
body.tkm-glass .topbar-wrapper,
body.tkm-glass .topbar-wrapper *:not(a) { color: var(--g-ink-2) !important; }
body.tkm-glass .site-header .custom-logo-link img { visibility: hidden; opacity: 0 !important; }
body.tkm-glass .site-branding button.menu-toggle,
body.tkm-glass .site-branding button.menu-toggle:hover { background-color: var(--g-fill-strong) !important; color: var(--g-ink); border-radius: 12px; }

/* Skeleton (0.15.0): frosted placeholders on the dark glass page instead of light grey. */
body.tkm-glass .tkm-skel { --tkm-skel: rgba(255,255,255,.08); --tkm-skel-hi: rgba(255,255,255,.14); }
body.tkm-glass .tkm-skel .tkm-card { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); }
body.tkm-glass .tkm-skel-cart { border-color: rgba(255,255,255,.10); background: rgba(255,255,255,.04); }

/* 0.15.1: on a desktop the theme pins .header-4-container (the wrapper), not .site-header, so
   the frost above never moved with it: once scrolled, the bar was clear glass and the diet chips
   showed through it over the menu links. The frost lives on the pinned wrapper now. */
body.tkm-glass .header-4-container,
body.tkm-glass .site-header .header-4-container {
	background: rgba(14,9,6,.55) !important;
	-webkit-backdrop-filter: blur(22px) saturate(1.3);
	backdrop-filter: blur(22px) saturate(1.3);
	box-shadow: 0 8px 30px rgba(0,0,0,.18);
}
body.tkm-glass .site-header {
	background: transparent !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	box-shadow: none;
}