/* Baner zgody na statystyki (`analityka.js`) — w języku wizualnym paczki „Sanktus".
   Tokeny z `:root` paczki (`--wine`, `--ink`, `--line`, `--font`…), każdy z wartością zapasową —
   gdyby następna paczka któryś przemianowała, baner zostaje w barwach marki, a nie w czerni przeglądarki.
   Przyciski 1:1 z `.button` / `.button.outline` paczki (zaokrąglenie 8px, wysokość 49px, waga 650). */
.zgoda-cookies {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 1000;
  max-width: 780px;
  margin: 0 auto;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: var(--paper, #fffcfa);
  color: var(--ink, #12151b);
  border: 1px solid var(--line, #eadfdd);
  border-radius: var(--radius, 15px);
  box-shadow: 0 24px 70px #42212c24, 0 2px 10px #42212c10;
  font-family: var(--font, "Segoe UI", Arial, Helvetica, sans-serif);
  font-size: 14px;
  line-height: 1.55;
}
.zgoda-cookies p { margin: 0; flex: 1; color: var(--muted, #686168); }
.zgoda-cookies a { color: var(--wine, #891531); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.zgoda-cookies-przyciski { display: flex; gap: 10px; flex-shrink: 0; }

/* ⚠️ Oba przyciski tej samej wielkości i wagi — różnią się tylko wypełnieniem. Odmowa wyraźnie
      słabsza od zgody byłaby „dark patternem", który polityka prywatności (§14) wprost wyklucza. */
.zgoda-cookies button {
  min-width: 150px;
  min-height: 49px;
  padding: 12px 22px;
  border: 1px solid var(--wine, #891531);
  border-radius: 8px;
  background: transparent;
  color: var(--wine, #891531);
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  cursor: pointer;
  transition: background .2s, transform .2s, box-shadow .2s;
}
.zgoda-cookies button:hover { background: var(--blush, #f4e7e8); transform: translateY(-1px); }
.zgoda-cookies .zgoda-tak { background: var(--wine, #891531); color: #fff; }
.zgoda-cookies .zgoda-tak:hover { background: var(--wine-dark, #6e1229); box-shadow: 0 5px 18px #6d122c20; }
.zgoda-cookies button:focus-visible { outline: 2px solid var(--wine, #891531); outline-offset: 2px; }

@media (max-width: 640px) {
  .zgoda-cookies { flex-direction: column; align-items: stretch; gap: 14px; left: 12px; right: 12px; bottom: 12px; padding: 16px; }
  .zgoda-cookies-przyciski button { flex: 1; min-width: 0; }
}