/* Website theme. Product screenshots and their preview controls remain independent. */
html { color-scheme: dark; }
html[data-atc-theme="light"] { color-scheme: light; background: oklch(.985 .006 285); }
body {
  --atc-color-a: var(--blue); --atc-color-b: var(--cyan); --atc-link-base: var(--blue);
  --atc-hue: 278; --atc-hover-ink: oklch(.14 .025 var(--atc-hue));
}
body[data-atc-page="home"] { --atc-color-a: var(--orange); --atc-color-b: var(--orange); --atc-hue: 272.538; }
body[data-atc-page="about"] { --atc-color-a: var(--cyan); --atc-color-b: var(--violet); --atc-hue: 273.564; }
body[data-atc-page="restaurant-pos"] { --atc-color-a: var(--orange); --atc-color-b: var(--gold); --atc-hue: 272.359; }
body[data-atc-page="beauty-pos"] { --atc-color-a: var(--beauty-accent); --atc-color-b: var(--beauty-accent-2); --atc-link-base: var(--violet); --atc-hue: 283.402; }
body[data-atc-page="online-ordering"] { --atc-color-a: var(--gold); --atc-color-b: var(--orange); --atc-link-base: var(--orange); --atc-hue: 274.405; }
body[data-atc-page="online-booking"] { --atc-color-a: var(--purple); --atc-color-b: var(--pink); --atc-link-base: var(--purple); --atc-hue: 280.615; }
body[data-atc-page="check-in"] { --atc-color-a: var(--accent); --atc-color-b: var(--accent2); --atc-link-base: var(--purple); --atc-hue: 280.111; }
/* A brighter, opaque navigation surface separates the header from the page. */
html:not([data-atc-theme="light"]) body header.atc-site-header {
  --bg: oklch(.30 .035 var(--atc-hue));
  --text: oklch(.98 .004 var(--atc-hue));
  --muted: oklch(.82 .018 var(--atc-hue));
  --muted2: var(--muted); --muted-2: var(--muted);
  --line: oklch(.51 .028 var(--atc-hue) / .65);
  color: var(--text); background: var(--bg); border-bottom-color: var(--line);
  box-shadow: 0 8px 24px oklch(.10 .025 var(--atc-hue) / .16);
}
html:not([data-atc-theme="light"]) .atc-site-header .atc-section-bar {
  background: color-mix(in oklch, var(--bg) 94%, oklch(0 0 0));
}
html:not([data-atc-theme="light"]) .atc-site-header .atc-menu-toggle {
  background: color-mix(in oklch, var(--bg) 86%, var(--text)); color: var(--text);
  box-shadow: inset 0 1px 0 var(--line), 0 3px 9px oklch(.10 .025 var(--atc-hue) / .16);
}
.atc-site-header .atc-theme-toggle {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; gap: 8px;
  min-width: 88px; height: 44px; padding: 0 13px; border-radius: 14px;
  color: var(--text); background: color-mix(in oklch, var(--bg) 86%, var(--text));
  border: 1px solid var(--line); box-shadow: inset 0 1px 0 color-mix(in oklch, var(--text) 18%, transparent), 0 3px 9px color-mix(in oklch, var(--bg) 35%, transparent);
  font: inherit; font-size: 12px; font-weight: 700; line-height: 1; cursor: pointer;
  transition: border-color .18s ease, transform .18s ease;
}
.atc-site-header .atc-theme-toggle:hover { color: var(--text); border-color: var(--text); transform: translateY(-1px); }
.atc-site-header .atc-theme-toggle:focus-visible { outline: 2px solid var(--text); outline-offset: 4px; }
.atc-theme-toggle svg { display: block; width: 19px; height: 19px; flex-shrink: 0; }
.atc-theme-toggle .atc-theme-sun { display: none; }
html[data-atc-theme="light"] .atc-theme-toggle .atc-theme-sun { display: block; }
html[data-atc-theme="light"] .atc-theme-toggle .atc-theme-moon { display: none; }
html[data-atc-theme="light"] body {
  --bg: oklch(.985 .007 var(--atc-hue)); --bg2: oklch(.965 .014 var(--atc-hue));
  --bg-deep: var(--bg2); --bg-soft: var(--bg2);
  --surface: oklch(1 0 0); --surface-2: oklch(.974 .011 var(--atc-hue)); --surface-3: oklch(.951 .019 var(--atc-hue));
  --panel: var(--surface); --panel2: var(--surface-2); --panel-2: var(--surface-2); --panel-3: var(--surface-3);
  --card: var(--surface); --card-solid: var(--surface);
  --text: oklch(.225 .035 var(--atc-hue)); --muted: oklch(.43 .035 var(--atc-hue));
  --muted2: oklch(.46 .028 var(--atc-hue)); --muted-2: var(--muted2);
  --line: oklch(.835 .025 var(--atc-hue)); --line-strong: oklch(.61 .05 var(--atc-hue)); --line2: var(--line-strong);
  --shadow: 0 22px 64px oklch(.32 .065 var(--atc-hue) / .10);
  --shadow-soft: 0 10px 30px oklch(.32 .065 var(--atc-hue) / .08); --soft: var(--shadow-soft);
  --atc-link: oklch(from var(--atc-link-base) .40 .12 h);
  --atc-field: oklch(.946 .016 var(--atc-hue));
  --atc-action: linear-gradient(135deg, color-mix(in oklch, var(--atc-color-a) 72%, var(--surface)), color-mix(in oklch, var(--atc-color-b) 70%, var(--surface)));
  color: var(--text);
  background: radial-gradient(ellipse at 12% 0%, color-mix(in oklch, var(--atc-link-base) 7%, transparent), transparent 30%), radial-gradient(ellipse at 90% 8%, color-mix(in oklch, var(--atc-color-b) 6%, transparent), transparent 30%), var(--bg);
}
html[data-atc-theme="light"] body::before, html[data-atc-theme="light"] body::after { opacity: .16; }
html[data-atc-theme="light"] body header.atc-site-header {
  color: var(--text); background: var(--surface); border-bottom-color: var(--line);
  box-shadow: 0 8px 24px oklch(.32 .04 var(--atc-hue) / .06);
}
html[data-atc-theme="light"] .atc-site-header .atc-section-bar { background: var(--surface-2); }
html[data-atc-theme="light"] body .atc-site-header .atc-theme-toggle,
html[data-atc-theme="light"] body .atc-site-header .atc-menu-toggle {
  background: var(--surface); color: var(--text); border-color: var(--line);
  box-shadow: inset 0 1px 0 var(--surface), 0 3px 10px oklch(.32 .04 var(--atc-hue) / .10);
}
html[data-atc-theme="light"] body .atc-site-header :is(.atc-theme-toggle, .atc-menu-toggle):hover { border-color: var(--text); }
html[data-atc-theme="light"] body .atc-site-header :is(.atc-product-panel, .atc-mobile-menu) { background: var(--surface); }
html[data-atc-theme="light"] body :is(.btn.secondary, .btn.ghost, .btn.light, .controls button, .tour-controls button) {
  background: var(--surface) !important; color: var(--text) !important; border-color: var(--line);
  box-shadow: inset 0 1px 0 var(--surface), 0 4px 12px oklch(.32 .04 var(--atc-hue) / .08);
}
html[data-atc-theme="light"] body :is(.btn.primary, .btn.orange, .newsletter button, .floating-contact, .contact-float, .floating-contact .round) {
  color: var(--text) !important; background: var(--atc-action) !important; border-color: var(--line);
  box-shadow: 0 12px 28px color-mix(in oklch, var(--atc-color-a) 18%, transparent), inset 0 1px 0 oklch(1 0 0 / .65);
}
html[data-atc-theme="light"] body :is(.btn, .controls button, .tour-controls button):hover { color: var(--atc-hover-ink) !important; border-color: var(--atc-hover-ink); }
html[data-atc-theme="light"] body :is(.field input, .field select, .field textarea, .brand-input, .brand-field input, .control-block input[type="text"], .newsletter input) {
  background: var(--atc-field) !important; color: var(--text) !important; border-color: var(--line-strong) !important;
  box-shadow: inset 0 1px 3px oklch(.32 .04 var(--atc-hue) / .06);
}
html[data-atc-theme="light"] body :is(input, textarea)::placeholder { color: var(--muted); opacity: 1; }
html[data-atc-theme="light"] body option { background: var(--surface); color: var(--text); }
html[data-atc-theme="light"] body :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--atc-link); outline-offset: 4px;
}
@media (max-width: 760px) {
  .atc-site-header .atc-theme-toggle { min-width: 44px; width: 44px; padding: 0; }
  .atc-theme-toggle [data-atc-theme-label] { display: none; }
}
@media (prefers-reduced-motion: reduce) { .atc-site-header .atc-theme-toggle { transition: none; } }