/* Baner zgody na ciasteczka analityczne (static/brand/zgoda.js).
   Kolory z tokenow strony albo panelu - oba maja te same nazwy zmiennych. */
.zgoda {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 80;
  max-width: 720px; margin: 0 auto; padding: 16px 18px;
  display: flex; gap: 14px 20px; align-items: center; flex-wrap: wrap;
  background: var(--powierzchnia, #fff); color: var(--tekst, #1a1a18);
  border: 1px solid var(--ramka, #e5e3dd); border-radius: 12px;
  box-shadow: 0 8px 24px rgba(20, 20, 18, .16);
  font: 14px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.zgoda[hidden] { display: none; }
.zgoda__tekst { margin: 0; flex: 1 1 320px; }
.zgoda__tekst a { color: var(--akcent, #1d5c80); }
.zgoda__akcje { display: flex; gap: 8px; flex: none; }
.zgoda__przycisk {
  height: 38px; padding: 0 16px; border-radius: 8px; cursor: pointer;
  border: 1px solid var(--akcent, #1d5c80); background: var(--akcent, #1d5c80); color: #fff;
  font: inherit; font-weight: 600; white-space: nowrap;
}
/* "Wybieram" otwiera tylko liste rodzajow - nie jest decyzja, stad lzejszy wyglad. */
.zgoda__przycisk--cichy { background: transparent; color: var(--akcent, #1d5c80); }
.zgoda__wybor {
  flex: 1 1 100%; display: grid; gap: 10px; padding-top: 12px;
  border-top: 1px solid var(--ramka, #e5e3dd);
}
.zgoda__wybor[hidden] { display: none; }
.zgoda__rodzaj { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.zgoda__rodzaj input { margin: 3px 0 0; width: 16px; height: 16px; flex: none; accent-color: var(--akcent, #1d5c80); }
.zgoda__rodzaj input:disabled { cursor: default; }
.zgoda__wybor .zgoda__przycisk { justify-self: start; }
.zgoda__przycisk:hover { filter: brightness(1.1); }
.zgoda__przycisk:focus-visible { outline: 2px solid var(--tekst, #1a1a18); outline-offset: 2px; }
@media (max-width: 480px) {
  .zgoda__akcje { width: 100%; }
  .zgoda__przycisk { flex: 1; }
}