/* A sütisáv és -panel stílusa az élő aigent.css cookie-* szabályaiból (átültetés, 2026-10-10). A színváltozókat
   a B arculat11.css leképező rétege köti a --ag-* tokenekre. */
/* ---------------- Cookie consent banner ---------------- */
.cookie-bar { position: fixed; z-index: 300; left: 22px; right: auto; bottom: 22px; transform: none;
  width: min(400px, calc(100vw - 44px));
  display: flex; flex-direction: column; align-items: stretch; gap: 12px;
  padding: 18px; border-radius: 16px;
  background: rgba(255,255,255,0.92);
  -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%);
  border: 1px solid var(--glass-border); box-shadow: var(--shadow-lg);
  max-height: calc(100vh - 44px); overflow-y: auto; }
.cookie-bar.hide { opacity: 0; transform: translateY(18px); pointer-events: none; transition: opacity .4s ease, transform .4s ease; }
.cookie-text { font-size: 13px; color: var(--ink-2); text-wrap: pretty; line-height: 1.5; }
.cookie-text a { color: var(--ink); text-decoration: underline; text-underline-offset: 2px; }
hogy a ket dontes-gomb kifer_jen */
.cookie-toggle { align-self: flex-start; background: none; border: none; cursor: pointer; padding: 2px 0;
  font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--ink-3); text-decoration: underline; text-underline-offset: 3px;
  transition: color .15s ease; }
.cookie-toggle:hover { color: var(--ink-2); }
.cookie-toggle[aria-expanded="true"] { color: var(--ink-2); }
a nehezebben elerheto elutasitas NEM. */
.cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.cookie-actions .btn { flex: 1 1 auto; }
.cookie-panel { display: flex; flex-direction: column; gap: 14px;
  padding: 14px 0; border-top: 1px solid var(--hairline); border-bottom: 1px solid var(--hairline); }
.cookie-cat { display: flex; flex-direction: column; gap: 3px; }
.cookie-cat-head { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.cookie-cat-title { font-size: 13px; font-weight: 600; color: var(--ink); flex: 1; }
.cookie-cat-fixed { font-family: var(--font-mono); font-size: 10px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--ink-3); }
.cookie-cat-desc { font-size: 12px; line-height: 1.5; color: var(--ink-3); text-wrap: pretty; }
vizualisan elrejtve: a billentyuzet es a screen reader igy helyesen kezeli. */
.cookie-switch { position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; }
.cookie-switch-ui { flex: none; width: 38px; height: 22px; border-radius: 999px; position: relative;
  background: var(--hairline-strong); transition: background .2s ease; }
.cookie-switch-ui::after { content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px;
  border-radius: 50%; background: #fff; box-shadow: var(--shadow-sm);
  transition: transform .2s ease; }
.cookie-switch:checked + .cookie-switch-ui { background: linear-gradient(115deg, var(--p1) 0%, var(--p2) 48%, var(--p3) 100%); }
.cookie-switch:checked + .cookie-switch-ui::after { transform: translateX(16px); }
.cookie-switch:focus-visible + .cookie-switch-ui { outline: 2px solid var(--ink); outline-offset: 2px; }
.cookie-switch:disabled + .cookie-switch-ui { opacity: .5; }
.cookie-switch:disabled ~ *, .cookie-cat-head:has(.cookie-switch:disabled) { cursor: default; }
@media (prefers-reduced-motion: reduce) { .cookie-switch-ui, .cookie-switch-ui::after { transition: none; } }
@media (max-width: 520px) { .cookie-bar { left: 12px; right: 12px; width: auto; } .cookie-actions .btn { width: 100%; flex: 1 1 100%; } }
/* Dark mode-footer + cookie */
html[data-theme="dark"] .footer-soc { background: rgba(255,255,255,0.06); }
html[data-theme="dark"] .cookie-bar { background: rgba(18,18,24,0.92); }
html[data-theme="dark"] .cookie-switch-ui::after { background: #E8E8EC; }
html[data-theme="dark"] .cookie-switch:focus-visible + .cookie-switch-ui { outline-color: #F5F5F2; }
footer .foot-cookie { background: none; border: 0; padding: 0; margin: 0; font: inherit; color: inherit; cursor: pointer; text-align: left; }
footer .foot-cookie:hover { text-decoration: underline; text-underline-offset: 3px; }
footer .foot-cookie:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; border-radius: 4px; }