/* ⛔⛔ A TOKENEK NEM UTAZNAK A STÍLUSLAPPAL (2026-09-16, ADR-0186 utószál).
 * Az ADR-0145 ① kimondta, hogy a stílus a SÁVVAL EGYÜTT utazik — és ez igaz is lett.
 * Amit nem vettünk észre: a szabályok `--citui-*` dizájn-tokenekre hivatkoznak, azok
 * viszont a `citui.css`-ben élnek, amit CSAK a saját felületeink töltenek be. Amint a
 * sáv kikerült a GENERÁLT szállás-oldalra (ajánlat/konfigurátor lap), a tokenek
 * feloldatlanok lettek: a sáv HÁTTÉR NÉLKÜL, átlátszóan renderelt, a felirata a lap
 * tartalmán feküdt. Képen mérve (aurora sablon, 390 px) — a geometria ezt nem
 * foghatta meg, mert a doboz a helyén volt.
 * Ezért MINDEN token tartalék-értéket kap. A tartalék a dizájn-mag mai értéke; ha az
 * változik, a saját lapjainkon a token nyer, idegen lapon a tartalék marad. */
/* Süti-hozzájárulás sáv — a BEFAGYASZTOTT TERV stílusa (A változat).
 * Kontraktus: assets/design-refs/public-site/consent-bar/README.md
 *
 * ⛔ MIÉRT VAN KÜLÖN FÁJLBAN, A SÁV MELLETT (2026-09-14):
 * ezek a szabályok korábban a `public/assets/home/home.css`-ben éltek, azt viszont
 * MÉRTEN egyedül a `public/index.html` tölti be. A sávot ellenben a szerver KÖZÖS
 * kimenete injektálja MINDEN saját lapunkra (`consentSnippet`), így 12 felületből
 * 11-en csupasz, natív gombos sávot kapott a felhasználó (Elek FK-005b H-1,
 * FK-006b HIBA-2, FK-007 H2). A stílus ezért oda költözött, AHOL A DÖNTÉS SZÜLETIK:
 * ugyanaz az egy pont teszi ki a sávot és a stílusát — új saját lap nem tudja
 * „elfelejteni" behúzni.
 *
 * ⛔ A CDN 4 ÓRÁRA cache-eli a css-t, és a `withAssetVersions` MÉRTEN csak a
 * honlapra fut — a jogi/belépés-lapok `citui.css`-e ujjlenyomat NÉLKÜL hivatkozik.
 * Ezt a fájlt ezért a `consentSnippet()` tartalom-ujjlenyomattal hivatkozza
 * (`?v=<sha1>`, mint a `cit-consent.js`-t): a javítás azonnal kiér, és minden
 * jövőbeli módosítás magától üti a cache-t.
 *
 * A színek/betűk/radius KIZÁRÓLAG a `--citui-*` dizájn-magból (ADR-0021 ①) — nyers
 * hex nincs. A tokeneket a `citui.css` adja, amit minden saját felületünk betölt;
 * ezt az összefüggést a `scripts/consent-style-check.mts` a RENDERELT lapon méri,
 * nem feltételezi.
 *
 * ⛔ MINDEN SZABÁLY `#cit-consent`-TEL KEZDŐDIK, ÉS EZ NEM STÍLUS-ÍZLÉS (mérve
 * 2026-09-14): a jogi lapok betöltik a `citui-console.css`-t, amiben a
 * `.con button { background: var(--citui-white, #ffffff) }` szabály él. Az (0,1,1)
 * specificitása VERTE a `.cit-consent__yes` (0,1,0)-ét, ezért az „Elfogadom" gomb
 * az /adatvedelem és /aszf lapon FEHÉR volt a cián helyett, a „Csak a
 * szükségeseket" felirata pedig fehér-fehéren 1,12-es kontraszttal. A sáv egy
 * IDEGEN lapra injektált réteg — a saját szabályainak nyerniük kell a gazdalap
 * CSS-e ellen, ezért az id-horgony. (Ugyanez a csapda vitte el korábban a
 * `.con a` link-szabállyal a fizetés-gomb színét.)
 *
 * A változat: alsó, teljes szélességű sáv. A KÉT GOMB egyenrangú — az elutasítás nem
 * lehet nehezebben elérhető, mint az elfogadás (a terv ezt köti).
 *
 * ⭐ `--citui-consent-bottom`: a GAZDALAP mondja meg, mennyi helyet tart fenn magának
 * a lap alján (tulajdonosi döntés, 2026-09-14). A mobil tenant-adminnak saját alsó
 * fül-sávja van (`.adm-side`, fixed) — a sáv MÉRTEN eltakarta a fül-sáv alsó sorát,
 * 11 fülből 6-ot (Webcím, Forgalom, Dokumentumok, Üzenetek, Fiók, Súgó), vagyis a
 * hozzájárulás-kérdés a NAVIGÁCIÓT tette elérhetetlenné. A sáv nem tud a gazdalap
 * bútorzatáról, ezért nem ő találgat: a felület deklarálja a fenntartott sávot, a
 * sáv pedig e FÖLÉ ül. Default 0 — a honlapon és a jogi lapokon nincs mit kerülni.
 */
/* ⛔ A KÉRDÉS MINDEN FÖLÖTT ÁLL (ADR-0186). A sáv 9000-en ült, a konfigurátor-réteg
 * viszont 2147483000+-on (`cit-configurator.css`) — amint az ajánlat-lap megkapta a
 * Pixelt, a panel TAKARÓJA elfogta a kattintást a sávról: Playwrighttal mérve az
 * „Elfogadom" 60 újrapróbálkozás után is elérhetetlen maradt („scrim intercepts
 * pointer events"). Egy hozzájárulás-kérdés, amire nem lehet válaszolni, rosszabb,
 * mintha ott sem volna — a döntés a látogatóé, nem a gazdalapé. */
#cit-consent { position: fixed; left: 0; right: 0; bottom: var(--citui-consent-bottom, 0px); z-index: 2147483600;
  background: var(--citui-navy-950, #0a1f36); color: var(--citui-white, #ffffff);
  box-shadow: 0 -8px 24px color-mix(in srgb, var(--citui-navy-950, #0a1f36) 18%, transparent);
  container-type: inline-size; }
#cit-consent .cit-consent__in { display: flex; gap: 14px; align-items: center;
  max-width: 1100px; margin: 0 auto; padding: 14px 16px; }
#cit-consent .cit-consent__t { margin: 0; flex: 1; font-size: 13px; line-height: 1.5;
  font-family: var(--citui-font-text, "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);
  color: color-mix(in srgb, var(--citui-white, #ffffff) 82%, transparent); }
#cit-consent .cit-consent__t a { color: var(--citui-white, #ffffff); }
#cit-consent .cit-consent__b { display: flex; gap: 8px; flex-shrink: 0; }
#cit-consent button { border: 0; border-radius: 9px; padding: 9px 16px;
  font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
#cit-consent .cit-consent__yes { background: var(--citui-cyan-500, #1fb6d6); color: var(--citui-navy-950, #0a1f36); }
#cit-consent .cit-consent__no { background: transparent; color: var(--citui-white, #ffffff);
  border: 1px solid currentColor; }
/* A terv köti: szűk sávban a PRÓZA a gombok fölé kerül, a két gomb pedig EGY teljes
   szélességű sort oszt meg egyenlő arányban (`flex: 1`). ⚠️ Nem „egymás alatt" —
   a jóváhagyott mobile.png fél-fél szélességű gombpárt mutat egy sorban; a README
   prózája ezt pontatlanul írta le, és a saját őröm is ebbe futott bele először.
   @container, nem @media — a sáv egy szűkebb dobozban is helyesen kell rendeződjön. */
@container (max-width: 560px) {
  #cit-consent .cit-consent__in { flex-direction: column; align-items: stretch; }
  #cit-consent .cit-consent__b { width: 100%; }
  #cit-consent .cit-consent__b button { flex: 1; }
}