/* LieferCH – restaurant themes (d32, 02.11.2026)
HOW TO ADD A RESTAURANT: add ONE block to the theme map below and set
on its page(s) + .
Scope: only the restaurant content () and the order UI (cart bar, cart drawer, option sheet,
table pill, toast). The global LieferCH header (.site-header) and footer (.site-footer) are NOT themed.
Every variable has a LieferCH default, so a missing value falls back to the normal look.
Contrast (WCAG 2.1 AA) for each entry is checked by menu-import/themes-20261102/contrast-check.py. */
/* ───────── 1. Theme map ───────── */
/* Life Point by Atalay's – source: logo /img/r/life-point-atalay-lenzburg/logo.png
(pixel averages: background #1a1f25, gold #b38c42, gold highlight #e1cb71) */
html[data-restaurant="life-point-atalay-lenzburg"] {
--rt-primary: #1a1f25; /* buttons, links, focus, radio/checkbox – logo background */
--rt-on-primary: #ffffff; /* text on buttons 16.6:1 */
--rt-primary-ink: #7a5a1c; /* prices/accents as text on white/soft 6.4 / 5.6:1 (darkened logo gold) */
--rt-primary-deep: #101317;
--rt-primary-mid: #2f363f;
--rt-soft: #f7f1e1; /* soft tint (chips in cart, pay info) gold tint */
--rt-accent: #e1cb71; /* highlight: badges, table pill, required – logo gold highlight */
--rt-on-accent: #1a1f25; /* 10.3:1 */
--rt-accent-line: #b38c42; /* decorative rings/borders – logo gold */
--rt-bg: #faf7f0;
--rt-line: #ece4d0;
--rt-muted: #566173; /* secondary text 5.9:1 on bg, 6.3:1 on white */
--rt-hero: radial-gradient(520px 260px at 95% 0%, rgba(179,140,66,.38), transparent 62%),
linear-gradient(140deg, #101317, #1a1f25 55%, #2f363f);
--rt-hero-ink: #ffffff; /* 16.6:1 (darkest stop) … 12.5:1 (#2f363f) */
--rt-chip-bg: #ffffff; --rt-chip-ink: #1a1f25; --rt-chip-line: #e3d7b8;
--rt-chip-on-bg: #1a1f25; --rt-chip-on-ink: #e1cb71; /* pressed / "Alle" open 10.3:1 */
--rt-selected-bg: #faf4e4; /* selected option row */
--rt-cartbar-bg: #1a1f25; --rt-cartbar-ink: #ffffff; /* 16.6:1 */
--rt-caption-bg: rgba(26,31,37,.88);
--rt-cartbar-badge-bg: #e1cb71; --rt-cartbar-badge-ink: #1a1f25; --rt-cartbar-ring: #b38c42;
}
/* ───────── 2. Generic mapping (do not edit per restaurant) ───────── */
html[data-restaurant] body { background: var(--rt-bg, var(--bg)); }
html[data-restaurant] :is(main, .lc-cartbar, .lc-drawer, .lc-om, .lc-tablepill, .lc-toast) {
--brand: var(--rt-primary, #5b21d6);
--brand-dark: var(--rt-primary-ink, #3d0f9e);
--brand-deep: var(--rt-primary-deep, #2a0873);
--brand-mid: var(--rt-primary-mid, #7c3aed);
--brand-soft: var(--rt-soft, #f1eaff);
--sun: var(--rt-accent, #ffd60a);
--sun-dark: var(--rt-accent-line, #f2c200);
--sun-soft: var(--rt-soft, #fff8d1);
--bg: var(--rt-bg, #f7f4ff);
--line: var(--rt-line, #ebe5fa);
--muted: var(--rt-muted, #64748b);
}
/* header gradient of the restaurant page (beats the inline .lp-hero rule by specificity) */
html[data-restaurant] main .rm-hero { background: var(--rt-hero, radial-gradient(600px 300px at 90% 0%, rgba(255,214,10,.28), transparent 60%), linear-gradient(140deg, #2a0873, #5b21d6 60%, #7c3aed)); color: var(--rt-hero-ink, #fff); }
html[data-restaurant] main .lp-badges span.y,
html[data-restaurant] main .lp-call { background: var(--rt-accent, #ffd60a) !important; color: var(--rt-on-accent, #2a0873) !important; border-color: var(--rt-accent, #ffd60a) !important; }
html[data-restaurant] main .lp-logo { box-shadow: 0 0 0 3px var(--rt-accent-line, #fff), 0 10px 26px rgba(0,0,0,.35); }
/* buttons */
html[data-restaurant] .lc-add, html[data-restaurant] .lc-primary,
html[data-restaurant] .lc-tablehead { background: var(--rt-primary, #5b21d6); color: var(--rt-on-primary, #fff); }
html[data-restaurant] .lc-add:hover, html[data-restaurant] .lc-primary:hover { background: var(--rt-primary-mid, #3d0f9e); }
html[data-restaurant] main .btn-primary { background: var(--rt-primary, #5b21d6); border-color: var(--rt-primary, #5b21d6); color: var(--rt-on-primary, #fff); }
/* category chips */
html[data-restaurant] main .rm-catnav a,
html[data-restaurant] main .rm-catnav-more { background: var(--rt-chip-bg, #fff); color: var(--rt-chip-ink, #0f172a); border-color: var(--rt-chip-line, #ebe5fa); }
html[data-restaurant] main .rm-catnav a:hover { border-color: var(--rt-accent-line, #5b21d6); }
html[data-restaurant] main .rm-catnav a:active,
html[data-restaurant] main .rm-catnav a[aria-current],
html[data-restaurant] main .rm-catwrap.all .rm-catnav-more { background: var(--rt-chip-on-bg, #5b21d6); color: var(--rt-chip-on-ink, #fff); border-color: var(--rt-chip-on-bg, #5b21d6); }
html[data-restaurant] main .rm-catnav a:focus-visible { outline: 3px solid var(--rt-primary, #5b21d6); outline-offset: 2px; }
/* selected state (options in the product sheet) */
html[data-restaurant] .lc-opt:has(input:checked) { background: var(--rt-selected-bg, #f1eaff); box-shadow: inset 3px 0 0 var(--rt-accent-line, #5b21d6); }
html[data-restaurant] .lc-opt input { accent-color: var(--rt-primary, #5b21d6); }
/* cart bar */
html[data-restaurant] .lc-cartbar { background: var(--rt-cartbar-bg, var(--coral, #ff4d6d)); color: var(--rt-cartbar-ink, #fff); box-shadow: 0 0 0 2px var(--rt-cartbar-ring, transparent), 0 14px 34px rgba(0,0,0,.28); }
html[data-restaurant] .lc-cartbar .lc-badge { background: var(--rt-cartbar-badge-bg, #fff); color: var(--rt-cartbar-badge-ink, var(--coral-dark, #c8102e)); }
/* "Echtes Foto" caption used the LieferCH purple */
html[data-restaurant] main .lp-secimg figcaption.lp-real { background: var(--rt-caption-bg, rgba(91,33,214,.85)); }
/* WLAN card (table mode) – sits inside , so it already gets the variables above */
html[data-restaurant] main .lc-wifi-in { border-color: var(--rt-chip-line, var(--line, #ebe5fa)); }
html[data-restaurant] main .lc-wifi-ico { background: var(--rt-primary, #5b21d6); color: var(--rt-accent, #ffd60a); }
html[data-restaurant] main .lc-wifi-dl div { background: var(--rt-soft, #f1eaff); }
html[data-restaurant] main .lc-wifi-copy:not(.ok) { background: var(--rt-primary, #5b21d6); color: var(--rt-on-primary, #fff); }