/* Baner zgód (analityka.js): na dole ekranu, nie zasłania treści na stałe. „Odrzuć” i „Zezwól” wyglądają tak samo -
   odmowa ma być równie łatwa jak zgoda (EROD, raport zespołu ds. banerów, 01.2023). Kolory jak strona.css. */
.zgody {
  --z-tlo: #ffffff; --z-tekst: #10154a; --z-linia: #d9dcea; --z-akcent: #2b44ff; --z-akcent-mocny: #1c30d6; --z-fokus: #2b44ff;
  position: fixed; z-index: 1000; left: 1rem; right: 1rem; bottom: 1rem; max-width: 34rem; margin: 0 auto;
  padding: 1rem 1.25rem; border: 1px solid var(--z-linia); border-radius: 16px; background: var(--z-tlo);
  color: var(--z-tekst); box-shadow: 0 8px 32px rgb(16 21 74 / .18);
  font: 400 1rem/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
.zgody[hidden] { display: none; }
/* gdy baner jest widoczny: koniec strony i element z fokusem nie chowają się pod nim (WCAG 2.4.11) */
html.z-baner { scroll-padding-bottom: 15rem; }
html.z-baner body { padding-bottom: 15rem; }
.zgody h2 { margin: 0 0 .25rem; font-size: 1.05rem; font-weight: 700; }
.zgody h2:focus { outline: none; }
.zgody p { margin: 0 0 .75rem; }
.zgody a { color: var(--z-akcent); text-decoration: underline; }
.zgody-przyciski { display: flex; gap: .75rem; }
.zgody-przyciski button {
  flex: 1; min-height: 3rem; padding: 0 1rem; border-radius: 12px; cursor: pointer;
  font: inherit; font-weight: 700; color: #fff; background: var(--z-akcent); border: 2px solid var(--z-akcent);
}
.zgody-przyciski button:hover { background: var(--z-akcent-mocny); border-color: var(--z-akcent-mocny); }
.zgody a:focus-visible, .zgody button:focus-visible { outline: 3px solid var(--z-fokus); outline-offset: 2px; }
@media (prefers-color-scheme: dark) {
  .zgody { --z-tlo: #151845; --z-tekst: #eef0ff; --z-linia: #2a2e66; --z-akcent: #a9b6ff; --z-akcent-mocny: #c9d1ff;
           --z-fokus: #ffc53d; box-shadow: 0 8px 32px rgb(0 0 0 / .5); }
  .zgody-przyciski button { color: #10154a; }
}