/* Style Studio: same-origin, six distinct visual systems. FoglalGo has no overrides.
   Minden stílus saját tokenkészletet ad (2026-10-14, C fázis):
   - KÉT VONAL: a `--szin-vonal` a halk elválasztó, a `--szin-vonal-eros` a
     mezők és a másodlagos gombok kerete — ez a felületen legalább 3:1
     (WCAG 1.4.11); korábban a kettő egyezett, és a mezők beleolvadtak.
   - SAJÁT ÁLLAPOTSZÍNEK (hiba/siker/figyelem) és `--szin-most` (a naptár
     „most” vonala), a stílus felületén és tintáin legalább 4,5:1 — enélkül a
     FoglalGo meleg, krémre hangolt árnyalatai ültek a hideg stílusokon is.
   - A `muhely` azonosító ma az ÜVEG stílusé: az azonosító az adatbázis
     CHECK-megkötése (0084) és a mentett szalonok miatt marad. */
@font-face { font-family: Archivo; src: url('/betuk/archivo-latin.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: Archivo; src: url('/betuk/archivo-latin-ext.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; unicode-range: U+0100-024F; }
html[data-stilus="letisztult"] {
 --szin-hatter:#f4f6fa; --szin-felulet:#ffffff; --szin-felulet-finom:#edf1f7;
 --szin-szoveg:#172033; --szin-szoveg-masodlagos:#58677d; --szin-szoveg-halvany:#58677d;
 --szin-marka:#1d4ed8; --szin-akcio:#1d4ed8; --szin-akcio-hover:#173ea9; --szin-akcio-szoveg:#ffffff;
 --szin-akcio-tint:#dbe6ff; --szin-akcio-szoveg-tinten:#172033; --szin-akcio-korvonal:#1d4ed8;
 --szin-vonal:#ccd5e3; --szin-vonal-eros:#7d8aa0; --szin-vonal-sotet:#172033; --szin-racs:#ccd5e3;
 --szin-hover:#edf1f7; --szin-hover-eros:#edf1f7; --szin-fokusz:#1d4ed8; --szin-fokusz-tint:#dbe6ff;
 --szin-hiba:#b42318; --szin-hiba-tint:#fdeceb; --szin-siker:#0b6b45; --szin-siker-szoveg:#0b6b45; --szin-siker-tint:#e4f4ec;
 --szin-figyelem:#7a5300; --szin-figyelem-elenk:#e0a100; --szin-figyelem-tint:#fdf3d8; --szin-most:#d92d20;
 --betu-cim:"Segoe UI", system-ui, sans-serif; --betu-szoveg:"Segoe UI", system-ui, sans-serif;
 --sugar-kicsi:8px; --sugar-alap:8px; --sugar-nagy:8px;
 --arnyek-kartya:none; --arnyek-lebego:none; --arnyek:none;
 --fo-szin:#1d4ed8; --fo-szoveg:#ffffff; --fo-eros:#173ea9; --tonus:#1d4ed8;
 --fo-halvany:#dbe6ff; --fo-halvany-2:#edf1f7; --lap-hatter:#f4f6fa; --lap:#ffffff;
 --tinta:#172033; --tinta-lagy:#58677d; --halvany:#58677d; --keret:#ccd5e3; --keret-eros:#172033;
 --stilus-sugar:8px; --stilus-keret:1px; --stilus-arnyek:none;
}
html[data-stilus="ejjeli"] {
 --szin-hatter:#161e24; --szin-felulet:#202b33; --szin-felulet-finom:#283741;
 --szin-szoveg:#edf4f2; --szin-szoveg-masodlagos:#b6c8c2; --szin-szoveg-halvany:#b6c8c2;
 --szin-marka:#6ee7b7; --szin-akcio:#6ee7b7; --szin-akcio-hover:#9bf3cf; --szin-akcio-szoveg:#10231b;
 --szin-akcio-tint:#244b3c; --szin-akcio-szoveg-tinten:#edf4f2; --szin-akcio-korvonal:#6ee7b7;
 --szin-vonal:#526773; --szin-vonal-eros:#7f95a1; --szin-vonal-sotet:#edf4f2; --szin-racs:#526773;
 --szin-hover:#283741; --szin-hover-eros:#283741; --szin-fokusz:#6ee7b7; --szin-fokusz-tint:#244b3c;
 --szin-most:#ff9e8a; --szin-navigacio:#111920;
 --betu-cim:"Segoe UI", system-ui, sans-serif; --betu-szoveg:"Segoe UI", system-ui, sans-serif;
 --sugar-kicsi:10px; --sugar-alap:10px; --sugar-nagy:10px;
 --arnyek-kartya:none; --arnyek-lebego:none; --arnyek:none;
 --fo-szin:#6ee7b7; --fo-szoveg:#10231b; --fo-eros:#9bf3cf; --tonus:#6ee7b7;
 --fo-halvany:#244b3c; --fo-halvany-2:#283741; --lap-hatter:#161e24; --lap:#202b33;
 --tinta:#edf4f2; --tinta-lagy:#b6c8c2; --halvany:#b6c8c2; --keret:#526773; --keret-eros:#edf4f2;
 --stilus-sugar:10px; --stilus-keret:1px; --stilus-arnyek:none;
}
html[data-stilus="liget"] {
 --szin-hatter:#f5f7f0; --szin-felulet:#ffffff; --szin-felulet-finom:#e8eee2;
 --szin-szoveg:#183c2b; --szin-szoveg-masodlagos:#536c5d; --szin-szoveg-halvany:#536c5d;
 --szin-marka:#285640; --szin-akcio:#285640; --szin-akcio-hover:#173c2b; --szin-akcio-szoveg:#ffffff;
 --szin-akcio-tint:#e1eddc; --szin-akcio-szoveg-tinten:#183c2b; --szin-akcio-korvonal:#285640;
 --szin-vonal:#a8b9a2; --szin-vonal-eros:#6e8468; --szin-vonal-sotet:#183c2b; --szin-racs:#a8b9a2;
 --szin-hover:#e8eee2; --szin-hover-eros:#e8eee2; --szin-fokusz:#285640; --szin-fokusz-tint:#e1eddc;
 --szin-hiba:#a3301f; --szin-hiba-tint:#f9e6e1; --szin-siker:#1f5a3f; --szin-siker-szoveg:#1f5a3f; --szin-siker-tint:#e1eddc;
 --szin-figyelem:#6d5110; --szin-figyelem-elenk:#d9a43d; --szin-figyelem-tint:#f6eed4; --szin-most:#b5472a;
 --betu-cim:Georgia, serif; --betu-szoveg:"Segoe UI", system-ui, sans-serif;
 --sugar-kicsi:24px; --sugar-alap:24px; --sugar-nagy:24px;
 --arnyek-kartya:0 8px 24px -16px rgb(24 60 43 / 25%); --arnyek-lebego:0 8px 24px -16px rgb(24 60 43 / 25%); --arnyek:0 8px 24px -16px rgb(24 60 43 / 25%);
 --fo-szin:#285640; --fo-szoveg:#ffffff; --fo-eros:#173c2b; --tonus:#285640;
 --fo-halvany:#e1eddc; --fo-halvany-2:#e8eee2; --lap-hatter:#f5f7f0; --lap:#ffffff;
 --tinta:#183c2b; --tinta-lagy:#536c5d; --halvany:#536c5d; --keret:#a8b9a2; --keret-eros:#183c2b;
 --stilus-sugar:24px; --stilus-keret:1px; --stilus-arnyek:0 8px 24px -16px rgb(24 60 43 / 25%);
}
html[data-stilus="editorial"] {
 --szin-hatter:#fffdfb; --szin-felulet:#fffdfb; --szin-felulet-finom:#f2edee;
 --szin-szoveg:#222124; --szin-szoveg-masodlagos:#676169; --szin-szoveg-halvany:#676169;
 --szin-marka:#861f42; --szin-akcio:#861f42; --szin-akcio-hover:#65142f; --szin-akcio-szoveg:#ffffff;
 --szin-akcio-tint:#f5e8ed; --szin-akcio-szoveg-tinten:#222124; --szin-akcio-korvonal:#861f42;
 --szin-vonal:#b5acb2; --szin-vonal-eros:#8a7f87; --szin-vonal-sotet:#222124; --szin-racs:#b5acb2;
 --szin-hover:#f2edee; --szin-hover-eros:#f2edee; --szin-fokusz:#861f42; --szin-fokusz-tint:#f5e8ed;
 --szin-hiba:#a1232b; --szin-hiba-tint:#f9e7e8; --szin-siker:#1d5b45; --szin-siker-szoveg:#1d5b45; --szin-siker-tint:#e6f1ea;
 --szin-figyelem:#6e4f0c; --szin-figyelem-elenk:#d9a43d; --szin-figyelem-tint:#f8efd9; --szin-most:#b3261e;
 --betu-cim:Georgia, serif; --betu-szoveg:"Segoe UI", system-ui, sans-serif;
 --sugar-kicsi:2px; --sugar-alap:2px; --sugar-nagy:2px;
 --arnyek-kartya:none; --arnyek-lebego:none; --arnyek:none;
 --fo-szin:#861f42; --fo-szoveg:#ffffff; --fo-eros:#65142f; --tonus:#861f42;
 --fo-halvany:#f5e8ed; --fo-halvany-2:#f2edee; --lap-hatter:#fffdfb; --lap:#fffdfb;
 --tinta:#222124; --tinta-lagy:#676169; --halvany:#676169; --keret:#b5acb2; --keret-eros:#222124;
 --stilus-sugar:2px; --stilus-keret:1px; --stilus-arnyek:none;
}
/* ÜVEG (azonosító: muhely). Pasztell színátmenet rögzített, lágy foltokkal;
   fölötte áttetsző, fagyott hatású panelek fehér peremmel; mély szilva
   hangsúly. A kontrasztot a LEGSÖTÉTEBB háttérpontra (a foltok közepe)
   számoltuk, a panel áttetszőségével keverve: szöveg 10,7:1, másodlagos
   szöveg 5,7:1, akció a háttéren 5,4:1, akciófelirat 8,2:1, mezőkeret a
   panelen 3,3:1. A `--uveg-*` tokenek csak ebben a stílusban élnek. */
html[data-stilus="muhely"] {
 --szin-hatter:#eeecf8; --szin-felulet:#ffffff; --szin-felulet-finom:#f4f1fb;
 --szin-szoveg:#221c35; --szin-szoveg-masodlagos:#4e4666; --szin-szoveg-halvany:#4e4666;
 --szin-marka:#6b3591; --szin-akcio:#6b3591; --szin-akcio-hover:#552a74; --szin-akcio-szoveg:#ffffff;
 --szin-akcio-tint:#efe6f6; --szin-akcio-szoveg-tinten:#3f1f5c; --szin-akcio-korvonal:#6b3591;
 --szin-vonal:#ddd5ea; --szin-vonal-eros:#857c9f; --szin-vonal-sotet:#5c5478; --szin-racs:#cdc3e0;
 --szin-hover:#f1ecf9; --szin-hover-eros:#e5ddf3; --szin-fokusz:#6b3591; --szin-fokusz-tint:#efe6f6;
 --szin-hiba:#a61d3a; --szin-hiba-tint:#fbe6ec; --szin-siker:#0f6649; --szin-siker-szoveg:#0f6649; --szin-siker-tint:#e1f3ec;
 --szin-figyelem:#6f4b00; --szin-figyelem-elenk:#e0a63a; --szin-figyelem-tint:#fbf0d6; --szin-most:#d02f6a;
 --szin-inverz-hatter:#221c35; --szin-inverz-szoveg:#f6f3fc;
 --betu-cim:Archivo, "Segoe UI", sans-serif; --betu-szoveg:Archivo, "Segoe UI", sans-serif;
 --sugar-kicsi:10px; --sugar-alap:12px; --sugar-nagy:18px;
 --arnyek-kartya:0 12px 32px -18px rgb(62 38 112 / 30%); --arnyek-lebego:0 18px 44px -20px rgb(62 38 112 / 38%); --arnyek:0 12px 32px -18px rgb(62 38 112 / 30%);
 --fo-szin:#6b3591; --fo-szoveg:#ffffff; --fo-eros:#552a74; --tonus:#6b3591;
 --fo-halvany:#efe6f6; --fo-halvany-2:#f4f1fb; --lap-hatter:#eeecf8; --lap:#ffffff;
 --tinta:#221c35; --tinta-lagy:#4e4666; --halvany:#4e4666; --keret:#ddd5ea; --keret-eros:#857c9f;
 --stilus-sugar:18px; --stilus-sugar-vezerlo:12px; --stilus-keret:1px; --stilus-arnyek:0 12px 32px -18px rgb(62 38 112 / 30%);
 --uveg-panel:rgb(255 255 255 / 62%); --uveg-panel-halk:rgb(255 255 255 / 40%); --uveg-panel-eros:rgb(255 255 255 / 82%); --uveg-perem:rgb(255 255 255 / 78%);
 --uveg-feny:inset 0 1px 0 rgb(255 255 255 / 75%); --uveg-elmosas:blur(18px) saturate(150%);
 --uveg-kep:radial-gradient(42rem 32rem at 8% 6%, rgb(178 160 240 / 42%), transparent 70%),
  radial-gradient(36rem 30rem at 96% 12%, rgb(246 182 208 / 40%), transparent 70%),
  radial-gradient(44rem 34rem at 78% 100%, rgb(150 206 226 / 40%), transparent 70%),
  linear-gradient(135deg, #efeafb 0%, #f7eff6 52%, #e8f1f8 100%);
}

html[data-stilus="ejjeli"] {
 --szin-hiba:#ffb4b4; --szin-hiba-tint:#482d35; --szin-siker:#91e0b5; --szin-siker-szoveg:#b1f4cb; --szin-siker-tint:#203f34;
 --szin-figyelem:#ffd27b; --szin-figyelem-elenk:#ffd27b; --szin-figyelem-tint:#433c29;
 --szin-inverz-hatter:#edf4f2; --szin-inverz-szoveg:#161e24;
}
html[data-stilus]:not([data-stilus="foglalgo"]) :is(.kartya,.doboz,.kirakat-sav,.szolgaltatas-kartya,.kinel-kartya,.valaszto,.osszegzo,.u-beallitas-szakasz,.u-csapat-kartya) {
 border-radius:var(--stilus-sugar); box-shadow:var(--stilus-arnyek);
}
html[data-stilus]:not([data-stilus="foglalgo"]) :is(.mezo,input:not([type="radio"]):not([type="checkbox"]),select,textarea) {
 border-radius:var(--stilus-sugar-vezerlo,var(--stilus-sugar)); background:var(--szin-felulet); color:var(--szin-szoveg); border-color:var(--szin-vonal-eros);
}
html[data-stilus]:not([data-stilus="foglalgo"]) :is(.gomb,.kuldes,.vissza-gomb,.naptar-nyil) { border-radius:var(--stilus-sugar-vezerlo,var(--stilus-sugar)); }
html[data-stilus]:not([data-stilus="foglalgo"]) :is(button,input,select,textarea,a):focus-visible { outline:3px solid var(--szin-fokusz); outline-offset:3px; }
html[data-stilus]:not([data-stilus="foglalgo"]) :is(h1,h2,h3,.cim-serif) { font-family:var(--betu-cim); }
html[data-stilus]:not([data-stilus="foglalgo"]) .kuldes { background:var(--fo-szin); color:var(--fo-szoveg); box-shadow:var(--stilus-arnyek); }
html[data-stilus]:not([data-stilus="foglalgo"]) .u-settings-dialog .u-beallitas-szakasz { box-shadow:none; }
/* A lap szintű szakasz az ablakban csak elválasztó vonal, nem doboz: a stílus
   lekerekítése a felső vonal két végét ívbe hajlította (2. kör, 2026-10-14). */
html[data-stilus]:not([data-stilus="foglalgo"]) .u-settings-dialog .u-beallitas-lap > .u-beallitas-szakasz { border-radius:0; }
/* A vendégoldal adatpanelje (`.kirakat-sav`) 2026-10-16 óta minden
   szélességen EGY doboz, a benne álló `.kirakat-kartya` blokkok pedig keret
   és árnyék nélküliek, hajszálvonallal elválasztva (foglalo.html). Ezért kapja
   a sáv a stílus sarkát és árnyékát, a kártya nem. */
/* Tiszta: compact row-oriented working surface. */
html[data-stilus="letisztult"] .kartya { padding:var(--ter-4); box-shadow:none; }
html[data-stilus="letisztult"] :is(.u-beallitas-ful[aria-selected="true"],.oldalsav-elem--aktiv) { border-radius:6px; box-shadow:inset 3px 0 0 var(--szin-akcio); }
@media (min-width:721px) { html[data-stilus="letisztult"] .u-settings-tartalom { grid-template-columns:240px minmax(0,1fr); } }
html[data-stilus="letisztult"] .u-csapat-racs { grid-template-columns:1fr; gap:var(--ter-2); }
html[data-stilus="letisztult"] .szolgaltatas-lista { display:flex; flex-direction:column; gap:8px; }
html[data-stilus="letisztult"] .szolgaltatas-kartya { min-height:72px; padding:12px; transform:none; }
html[data-stilus="letisztult"] :is(button,a) { transition:color 120ms,background-color 120ms,opacity 120ms; }
/* Éjjeli: flat control panels and readable numeric hierarchy. */
html[data-stilus="ejjeli"] :is(.kartya,.doboz,.kirakat-sav) { border:1px solid var(--szin-vonal); box-shadow:none; }
html[data-stilus="ejjeli"] :is(.u-fej,.lepesjelzo,.osszegzo) { padding:var(--ter-4); background:var(--szin-felulet-finom); border-radius:10px; }
html[data-stilus="ejjeli"] :is(.ar,.naptar-nap,.idosav) { font-variant-numeric:tabular-nums; }
html[data-stilus="ejjeli"] :is(.aktiv,.u-beallitas-ful[aria-selected="true"]) { outline:1px solid var(--szin-marka); outline-offset:-1px; }
html[data-stilus="ejjeli"] .u-settings-dialog .u-beallitas-navigacio { background:var(--szin-navigacio); }
/* Liget: spacious sections and soft pill controls. */
html[data-stilus="liget"] .u-tartalom { padding-top:var(--ter-7); }
html[data-stilus="liget"] .kartya { padding:var(--ter-6); }
html[data-stilus="liget"] .u-settings-gorgeto { padding:var(--ter-7); }
html[data-stilus="liget"] :is(.gomb,.kuldes,.u-beallitas-ful,.kategoria-chip,.vissza-gomb) { border-radius:999px; }
html[data-stilus="liget"] .szolgaltatas-kartya { padding:20px; min-height:112px; }
html[data-stilus="liget"] button { transition:background-color 150ms,transform 150ms; }
html[data-stilus="liget"] button:active:not(:disabled) { transform:translateY(1px); }
/* Műsor: typography, rules and underline interaction. */
html[data-stilus="editorial"] :is(.kartya,.doboz,.kirakat-sav) { box-shadow:none; border-width:1px 0; }
/* A Műsor adatpanelje két vízszintes vonal közé fogott hasáb, oldalsó keret és
   behúzás nélkül: a betűk a foglalás betűivel egy függőlegesen indulnak. */
html[data-stilus="editorial"] .kirakat-sav { padding-inline:0; border-radius:0; }
html[data-stilus="editorial"] .u-fej-cim h1 { font-size:2.25rem; }
html[data-stilus="editorial"] :is(.u-beallitas-ful[aria-selected="true"],.oldalsav-elem--aktiv) { background:transparent; color:var(--szin-akcio); text-decoration:underline; text-underline-offset:6px; }
html[data-stilus="editorial"] .szolgaltatas-lista { display:flex; flex-direction:column; gap:0; }
html[data-stilus="editorial"] .szolgaltatas-kartya { border-width:0 0 1px; box-shadow:none; padding:16px 0; min-height:76px; transform:none; }
html[data-stilus="editorial"] .lepesjelzo { counter-reset:lepes; border-block:1px solid var(--keret); padding-block:16px; }
html[data-stilus="editorial"] :is(button,a) { transition:color 120ms,background-color 120ms; }
/* Üveg: rögzített pasztell háttér, áttetsző panelek, szilva hangsúly.
   A HÁTTÉR a pult törzsén, az önálló foglalóoldalon és a többi vendéglapon
   (fizetés, lemondás, adatkezelés) ül — a BEÁGYAZOTT foglalón nem: ott a
   törzs átlátszó marad, a doboz pedig tömör, mert alatta a bérlő weboldala
   van, amelynek a színét nem ismerjük (a kontraszt csak így garantált).
   A VALÓDI ELMOSÁS (backdrop-filter) csak két helyen van: az asztali
   oldalsávon és a beállítások menüsávján. A backdrop-filter új befoglaló
   blokkot és rétegrendet nyit: a kártyákon és a vendégdobozon a benne ülő
   rögzített ablakokat (naptár-, galériaablak) és lenyílókat a dobozba zárná.
   Ott a fagyott hatást az áttetszőség adja a lágy foltok fölött. A régi
   Műhely két hibája ezzel megszűnt: nincs kék oldalsáv, így a „Go” felirat
   nem olvad bele, és nincs `color:inherit`, ami hoverre fehér szöveget adott
   világos alapon. */
html[data-stilus="muhely"] body.foglalgo-alap,
html[data-stilus="muhely"][data-onallo="1"] body,
html[data-stilus="muhely"]:not(:has(#szolgaltatasok)) body { background-color:var(--szin-hatter); background-image:var(--uveg-kep); background-attachment:fixed; }
html[data-stilus="muhely"] :is(.kartya,.doboz) { background:var(--uveg-panel); border:1px solid var(--uveg-perem); box-shadow:var(--stilus-arnyek), var(--uveg-feny); }
html[data-stilus="muhely"]:has(#szolgaltatasok):not([data-onallo="1"]) .doboz { background:var(--szin-felulet); border-color:var(--szin-vonal); }
html[data-stilus="muhely"] .u-settings-dialog .kartya { box-shadow:var(--uveg-feny); }
html[data-stilus="muhely"] .u-settings-dialog .u-beallitas-torzs:not(:has(> #vendegfizetes-tartalom)) { background:var(--uveg-panel); border-color:var(--uveg-perem); box-shadow:var(--uveg-feny); }
html[data-stilus="muhely"] :is(h1,h2) { font-weight:650; letter-spacing:-0.01em; }
html[data-stilus="muhely"] .oldalsav { background:var(--uveg-panel); border-color:var(--uveg-perem); }
html[data-stilus="muhely"] .oldalsav-elem:hover { background:var(--uveg-panel-halk); }
html[data-stilus="muhely"] :is(.oldalsav-elem--aktiv,.oldalsav-elem[aria-current="page"]),
html[data-stilus="muhely"] .u-settings-dialog .u-beallitas-ful[aria-selected="true"] { background:var(--uveg-panel-eros); color:var(--szin-akcio-szoveg-tinten); box-shadow:0 6px 16px -10px rgb(62 38 112 / 45%), inset 0 0 0 1px var(--uveg-perem); }
html[data-stilus="muhely"] .u-settings-dialog { background-color:var(--szin-hatter); background-image:var(--uveg-kep); }
html[data-stilus="muhely"] .u-settings-dialog .u-beallitas-navigacio { background:var(--uveg-panel); border-color:var(--uveg-perem); -webkit-backdrop-filter:var(--uveg-elmosas); backdrop-filter:var(--uveg-elmosas); }
html[data-stilus="muhely"] .u-settings-dialog .u-beallitas-ful:hover:not([aria-selected="true"]) { background:var(--uveg-panel-halk); }
html[data-stilus="muhely"] .u-settings-dialog > .u-settings-zar { background:var(--uveg-panel-eros); border-color:var(--uveg-perem); }
@media (min-width:56.01em) {
 html[data-stilus="muhely"] .u-lap > .oldalsav { -webkit-backdrop-filter:var(--uveg-elmosas); backdrop-filter:var(--uveg-elmosas); }
}
/* Ahol nincs elmosás, ott a sávok tömörebbek, hogy a szöveg alatt ne
   rajzolódjon át a háttér. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
 html[data-stilus="muhely"] :is(.oldalsav,.u-settings-dialog .u-beallitas-navigacio) { background:var(--uveg-panel-eros); }
}
html[data-stilus="muhely"] .szolgaltatas-lista { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
html[data-stilus="muhely"] .szolgaltatas-kartya:not(.aktiv):not(:hover) { background:var(--uveg-panel); border-color:var(--uveg-perem); box-shadow:var(--uveg-feny), 0 6px 18px -14px rgb(62 38 112 / 40%); }
/* Beágyazva a doboz tömör fehér: ott az áttetsző fehér csempe és perem nem
   látszana, ezért a csempe a halk elválasztó vonalat kapja. */
html[data-stilus="muhely"]:has(#szolgaltatasok):not([data-onallo="1"]) .szolgaltatas-kartya:not(.aktiv):not(:hover) { background:var(--szin-felulet); border-color:var(--szin-vonal); }
html[data-stilus="muhely"] :is(.gomb,.kuldes):not(.gomb--masodlagos,.gomb--halk,.gomb--veszelyes) { box-shadow:0 8px 20px -12px rgb(107 53 145 / 75%), inset 0 1px 0 rgb(255 255 255 / 22%); }
html[data-stilus="muhely"] .gomb--masodlagos { background:var(--uveg-panel-eros); }
html[data-stilus="muhely"] .gomb--masodlagos:hover { background:var(--szin-felulet); }
/* ÁLLAPOTDOBOZOK STÍLUSONKÉNT (2026-10-14, Magor: „különböző stílusoknál a
   hibaüzenet kinézete is passzoljon hozzá”). A pult riasztásai (`.riasztas`)
   és a vendéglapok üzenetei (`.uzenet.hiba`, `.uzenet.siker`) eddig minden
   stílusban ugyanaz a lekerekített, színezett doboz voltak. A SZÍN a stílus
   saját, már mért állapottokenjeiből jön (fent, legalább 4,5:1); itt csak a
   FORMA igazodik a stílushoz:
   - Tiszta: lapos sáv, bal oldali állapotvonallal (mint a kijelölt fül);
   - Éjjeli: erősebb, állapotszínű keret és állapotszínű cím a sötét panelen;
   - Liget: keret nélküli, lágy árnyékú, tágas, erősen kerekített lap;
   - Műsor: doboz helyett két vékony vonal, serif cím (mint a kártyái);
   - Üveg: áttetsző tinta fehér, állapotszínnel árnyalt peremmel.
   A FoglalGo változatlan. A `--allapot` a vonal, az `--allapot-szoveg` a
   szövegszín (a figyelem élénk sárgája szövegnek kevés). */
html[data-stilus] :where(.riasztas,.uzenet) { --allapot:var(--szin-vonal-eros); --allapot-szoveg:var(--szin-szoveg); --allapot-tint:var(--szin-felulet-finom); }
html[data-stilus] :is(.riasztas--siker,.uzenet.siker) { --allapot:var(--szin-siker); --allapot-szoveg:var(--szin-siker-szoveg); --allapot-tint:var(--szin-siker-tint); }
html[data-stilus] .riasztas--figyelem { --allapot:var(--szin-figyelem-elenk); --allapot-szoveg:var(--szin-figyelem); --allapot-tint:var(--szin-figyelem-tint); }
html[data-stilus] :is(.riasztas--hiba,.uzenet.hiba) { --allapot:var(--szin-hiba); --allapot-szoveg:var(--szin-hiba); --allapot-tint:var(--szin-hiba-tint); }
/* :where — a stílusonkénti sarok (Liget, Műsor) ezt felülírhassa. */
html[data-stilus]:not([data-stilus="foglalgo"]) :where(.riasztas,.uzenet.hiba,.uzenet.siker) { border-radius:var(--stilus-sugar); }
html[data-stilus="letisztult"] :is(.riasztas,.uzenet.hiba,.uzenet.siker) { border-left:4px solid var(--allapot); padding:12px 16px; }
html[data-stilus="ejjeli"] :is(.riasztas,.uzenet.hiba,.uzenet.siker) { border:1px solid color-mix(in srgb, var(--allapot) 65%, transparent); }
html[data-stilus="ejjeli"] .riasztas:is(.riasztas--siker,.riasztas--figyelem,.riasztas--hiba) .riasztas-cim { color:var(--allapot-szoveg); }
html[data-stilus="liget"] :is(.riasztas,.uzenet.hiba,.uzenet.siker) { border-color:transparent; border-radius:20px; padding:18px 22px; box-shadow:var(--stilus-arnyek); }
html[data-stilus="editorial"] :is(.riasztas,.uzenet.hiba,.uzenet.siker) { background:transparent; border-style:solid; border-width:1px 0; border-color:var(--allapot-szoveg); border-radius:0; padding:14px 0; box-shadow:none; }
html[data-stilus="editorial"] .riasztas:not(.riasztas--siker,.riasztas--figyelem,.riasztas--hiba) { border-color:var(--szin-vonal-eros); }
html[data-stilus="editorial"] .riasztas-cim { font-family:var(--betu-cim); font-size:1.0625rem; }
html[data-stilus="editorial"] .riasztas:is(.riasztas--siker,.riasztas--figyelem,.riasztas--hiba) .riasztas-cim { color:var(--allapot-szoveg); }
html[data-stilus="editorial"] :is(.uzenet.hiba,.uzenet.siker) { font-family:var(--betu-cim); }
html[data-stilus="muhely"] :is(.riasztas,.uzenet.hiba,.uzenet.siker) {
 background:color-mix(in srgb, var(--allapot-tint) 74%, transparent);
 border:1px solid color-mix(in srgb, var(--allapot) 30%, var(--uveg-perem));
 box-shadow:var(--uveg-feny), 0 8px 22px -18px rgb(62 38 112 / 45%);
}
html[data-stilus="muhely"] .riasztas:not(.riasztas--siker,.riasztas--figyelem,.riasztas--hiba) { background:var(--uveg-panel); border-color:var(--uveg-perem); }
/* Different guest composition; the field sequence and wizard logic stay intact. */
@media (min-width:900px) {
 html[data-onallo="1"][data-stilus="letisztult"] .kirakat { grid-template-columns:minmax(0,1fr) 240px; max-width:1120px; gap:0 20px; }
 html[data-onallo="1"][data-stilus="ejjeli"] .kirakat { display:block; max-width:760px; }
 html[data-onallo="1"][data-stilus="ejjeli"] .kirakat-sav { margin-top:24px; padding:20px; }
 html[data-onallo="1"][data-stilus="liget"] .kirakat { grid-template-columns:minmax(0,1fr) 340px; max-width:1160px; gap:0 40px; }
 html[data-onallo="1"][data-stilus="editorial"] .kirakat { display:block; max-width:960px; }
 html[data-onallo="1"][data-stilus="editorial"] .kirakat-sav { padding:24px 0; margin-top:32px; }
 html[data-onallo="1"][data-stilus="editorial"] .kirakat-fejlec h1 { font-size:2.5rem; }
 html[data-onallo="1"][data-stilus="muhely"] .kirakat { grid-template-columns:minmax(0,1fr) 260px; gap:0 24px; max-width:1120px; }
 html[data-onallo="1"][data-stilus="muhely"] .kirakat-sav { background:var(--uveg-panel); border-color:var(--uveg-perem); box-shadow:var(--stilus-arnyek), var(--uveg-feny); }
 html[data-onallo="1"][data-stilus]:not([data-stilus="foglalgo"]) .kirakat-fo { min-width:0; }
}
/* Style choice is a native radio form; samples carry their own miniature world. */
.u-stilus-valaszto { border:0; padding:0; margin:0 0 var(--ter-5); min-width:0; }
.u-stilus-valaszto legend { font-size:1.125rem; font-weight:700; margin-bottom:var(--ter-3); }
.u-stilus-racs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--ter-4); }
.u-stilus-opcio { display:flex; flex-direction:column; position:relative; gap:8px; padding:12px; border:1px solid var(--szin-vonal); border-radius:var(--sugar-kicsi); cursor:pointer; min-width:0; }
.u-stilus-opcio:has(input:checked) { outline:2px solid var(--szin-akcio); outline-offset:2px; }
.u-stilus-opcio input { width:20px; height:20px; accent-color:var(--szin-akcio); }
.u-stilus-opcio:focus-within { outline:3px solid var(--szin-fokusz); outline-offset:3px; }
.u-stilus-opcio small { font-size:0.8125rem; color:var(--szin-szoveg-masodlagos); line-height:1.45; }
.u-stilus-minta { min-width:0; color:var(--minta-tinta,#172033); background:var(--minta-hatter); padding:14px; min-height:142px; display:grid; gap:8px; border-radius:var(--minta-sugar,6px); border:var(--minta-vonal,1px) solid var(--minta-fo); font-family:var(--minta-betu,inherit); }
.u-stilus-minta > * { min-width:0; overflow-wrap:anywhere; }
.u-stilus-minta span { border-bottom:1px solid currentColor; padding-bottom:5px; font-size:0.75rem; }
.u-stilus-minta b { background:var(--minta-fo); color:var(--minta-gomb,#fff); padding:8px; text-align:center; font-size:0.75rem; }
.u-stilus-opcio[data-valasztas="liget"] .u-stilus-minta { --minta-sugar:20px; --minta-betu:Georgia,serif; gap:12px; }
.u-stilus-opcio[data-valasztas="editorial"] .u-stilus-minta { --minta-sugar:0; --minta-betu:Georgia,serif; }
.u-stilus-opcio[data-valasztas="ejjeli"] .u-stilus-minta { --minta-tinta:#edf4f2; --minta-gomb:#10231b; }
.u-stilus-opcio[data-valasztas="muhely"] .u-stilus-minta { --minta-sugar:16px; --minta-betu:Archivo,sans-serif; --minta-tinta:#221c35; border-color:rgb(255 255 255 / 85%);
 background-image:radial-gradient(circle at 12% 10%, rgb(178 160 240 / 55%), transparent 55%), radial-gradient(circle at 92% 90%, rgb(150 206 226 / 55%), transparent 55%), linear-gradient(135deg, #efeafb, #f7eff6);
 box-shadow:0 10px 24px -16px rgb(62 38 112 / 45%); }
.u-stilus-opcio[data-valasztas="muhely"] .u-stilus-minta span { border-bottom:0; padding:5px 8px; border-radius:8px; background:rgb(255 255 255 / 62%); }
.u-stilus-opcio[data-valasztas="muhely"] .u-stilus-minta b { border-radius:10px; }
.u-stilus-elonezet-jelzes { padding:12px 0; color:var(--szin-szoveg-masodlagos); font-size:0.875rem; }
@media (max-width:720px) {
 .u-stilus-racs { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
 html[data-stilus="muhely"] .szolgaltatas-lista { grid-template-columns:1fr; }
 html[data-stilus="liget"] .u-settings-gorgeto { padding:20px 16px; }
}
@media (prefers-reduced-motion:reduce) {
 html[data-stilus] *,html[data-stilus] *::before,html[data-stilus] *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
 html[data-stilus] button:active { transform:none!important; }
}

html[data-stilus="ejjeli"] :is(.gomb--veszelyes,#lemond) { background:#ffb4b4; color:#361119; }
@media (min-width:900px) {
 html[data-onallo="1"][data-stilus="letisztult"] .doboz { max-width:1160px; }
 html[data-onallo="1"][data-stilus="ejjeli"] .doboz { max-width:800px; }
 html[data-onallo="1"][data-stilus="liget"] .doboz { max-width:1200px; padding:36px; }
 html[data-onallo="1"][data-stilus="editorial"] .doboz { max-width:1000px; padding:28px 32px; }
 html[data-onallo="1"][data-stilus="muhely"] .doboz { max-width:1160px; }
}

/* A minivilág nem örökli a kiválasztott pult szövegszíneit. */
html[data-stilus] .u-stilus-opcio .u-stilus-minta > :is(strong,span) { color:var(--minta-tinta,#172033); }
html[data-stilus] .u-stilus-opcio .u-stilus-minta > b { color:var(--minta-gomb,#fff); background:var(--minta-fo); }
html[data-stilus-csere] *,html[data-stilus-csere] *::before,html[data-stilus-csere] *::after { transition:none!important; }

/* VENDÉGOLDAL-SZERKESZTŐ (2026-10-15): BETŰPÁR ÉS SAROKFORMA a stílustól
   függetlenül. Csak a vendégoldalak (foglaló, naptár, fizetés) írják ki a
   `data-betu` / `data-sarok` attribútumot, a pult soha; hiányuk, illetve a
   `stilus` érték a stílus saját betűjét és sarkát hagyja. A kettős attribútum-
   választó erősebb a stílusblokkoknál, tehát a sorrendtől függetlenül nyer.
   Betűk: Fontsource, SIL OFL 1.1, a licencek a fájlok mellett
   (`felulet/3-bemutato/betuk/OFL-*.txt`). Változó betűk, két alkészlet: a
   magyar ő és ű a Latin Extendedben van, azt a `unicode-range` tölti be. */
@font-face { font-family:"Playfair Display"; src:url('/betuk/playfair-display-latin.woff2') format('woff2'); font-style:normal; font-weight:400 900; font-display:swap; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Playfair Display"; src:url('/betuk/playfair-display-latin-ext.woff2') format('woff2'); font-style:normal; font-weight:400 900; font-display:swap; unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:"Cormorant Garamond"; src:url('/betuk/cormorant-garamond-latin.woff2') format('woff2'); font-style:normal; font-weight:300 700; font-display:swap; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:"Cormorant Garamond"; src:url('/betuk/cormorant-garamond-latin-ext.woff2') format('woff2'); font-style:normal; font-weight:300 700; font-display:swap; unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:Mulish; src:url('/betuk/mulish-latin.woff2') format('woff2'); font-style:normal; font-weight:200 1000; font-display:swap; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:Mulish; src:url('/betuk/mulish-latin-ext.woff2') format('woff2'); font-style:normal; font-weight:200 1000; font-display:swap; unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:Nunito; src:url('/betuk/nunito-latin.woff2') format('woff2'); font-style:normal; font-weight:200 1000; font-display:swap; unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:Nunito; src:url('/betuk/nunito-latin-ext.woff2') format('woff2'); font-style:normal; font-weight:200 1000; font-display:swap; unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF; }
html[data-betu][data-betu="modern"] { --betu-cim:Archivo, "Segoe UI", system-ui, sans-serif; --betu-szoveg:Archivo, "Segoe UI", system-ui, sans-serif; }
html[data-betu][data-betu="elegans"] { --betu-cim:"Playfair Display", Georgia, serif; --betu-szoveg:Mulish, "Segoe UI", system-ui, sans-serif; }
html[data-betu][data-betu="klasszikus"] { --betu-cim:"Cormorant Garamond", Georgia, serif; --betu-szoveg:Mulish, "Segoe UI", system-ui, sans-serif; }
html[data-betu][data-betu="baratsagos"] { --betu-cim:Nunito, "Segoe UI", system-ui, sans-serif; --betu-szoveg:Nunito, "Segoe UI", system-ui, sans-serif; }
/* A Cormorant kis x-magasságú: azonos méreten a többinél kisebbnek hat. */
html[data-betu="klasszikus"] :is(h1,h2,h3) { font-weight:600; letter-spacing:0.005em; }
/* SAROK: kerek = lágy kártyák és vezérlők; szögletes = szinte éles. A Liget
   kapszulagombjai (999px) is követik. */
html[data-sarok][data-sarok="kerek"] { --stilus-sugar:16px; --stilus-sugar-vezerlo:12px; --sugar-kicsi:10px; --sugar-alap:12px; --sugar-nagy:16px; --sugar:16px; }
html[data-sarok][data-sarok="szogletes"] { --stilus-sugar:2px; --stilus-sugar-vezerlo:2px; --sugar-kicsi:2px; --sugar-alap:2px; --sugar-nagy:2px; --sugar:2px; }
html[data-sarok]:is([data-sarok="kerek"],[data-sarok="szogletes"]) :is(.gomb,.kuldes,.vissza-gomb,.naptar-nyil,.kategoria-chip) { border-radius:var(--stilus-sugar-vezerlo); }