/* Z-195 (N-255): skórka banera zgody na ciasteczka (vanilla-cookieconsent) w barwach panelu (skin 1.0, Z-184)
   oraz strona /ciasteczka. Biblioteka zostaje bez zmian — kolory, kroje i promienie podmieniamy jej zmiennymi.
   Ładowane po static/vendor/cookieconsent/<wersja>/cookieconsent.css. */

#cc-main {
  --cc-font-family: var(--font-body);
  --cc-bg: #FBF9F5;
  --cc-primary-color: var(--ink-900);
  --cc-secondary-color: var(--ink-700);

  --cc-btn-primary-bg: var(--indigo-900);
  --cc-btn-primary-color: #F4F1EA;
  --cc-btn-primary-border-color: var(--indigo-900);
  --cc-btn-primary-hover-bg: var(--indigo-800);
  --cc-btn-primary-hover-color: #F4F1EA;
  --cc-btn-primary-hover-border-color: var(--indigo-800);

  --cc-btn-secondary-bg: transparent;
  --cc-btn-secondary-color: var(--ink-900);
  --cc-btn-secondary-border-color: var(--ink-700);
  --cc-btn-secondary-hover-bg: var(--ink-100);
  --cc-btn-secondary-hover-color: var(--ink-900);
  --cc-btn-secondary-hover-border-color: var(--ink-900);

  --cc-separator-border-color: var(--line);
  --cc-toggle-on-bg: var(--indigo-900);
  --cc-toggle-readonly-bg: var(--ink-300);
  --cc-toggle-on-knob-bg: #FBF9F5;
  --cc-toggle-readonly-knob-bg: #FBF9F5;
  --cc-toggle-readonly-knob-icon-color: var(--ink-300);
  --cc-section-category-border: var(--line);
  --cc-cookie-category-block-bg: var(--ink-50);
  --cc-cookie-category-block-border: var(--line);
  --cc-cookie-category-block-hover-bg: var(--ink-100);
  --cc-cookie-category-block-hover-border: var(--line);
  --cc-cookie-category-expanded-block-bg: transparent;
  --cc-cookie-category-expanded-block-hover-bg: var(--ink-100);
  --cc-overlay-bg: rgba(17, 19, 22, .55);
  --cc-footer-bg: var(--ink-100);
  --cc-footer-color: var(--ink-700);
  --cc-footer-border-color: var(--line);
  --cc-link-color: var(--indigo-700);

  --cc-btn-border-radius: var(--radius-xs);
  --cc-modal-border-radius: 0;
  --cc-pm-toggle-border-radius: 4em;
}

/* Okno banera: obrys jak karty wejścia (bez cienia, skin 1.0). */
#cc-main .cm, #cc-main .pm { border: 1px solid var(--line); box-shadow: none; }
#cc-main .cm__title, #cc-main .pm__title { font-family: var(--font-display); letter-spacing: -.01em; }
#cc-main .cm__btn, #cc-main .pm__btn { font-weight: 600; }
#cc-main .cm__btn:focus-visible, #cc-main .pm__btn:focus-visible,
#cc-main a:focus-visible { outline: 2px solid var(--orange-500); outline-offset: 2px; }

/* Telefon (R4, T1): baner zajmuje dół ekranu i zasłaniałby przełącznik PL/EN i pole e-mail. Dopóki baner jest
   otwarty, strona dostaje zapas na dole — da się ją przewinąć tak, żeby te elementy były nad banerem.
   Pion: do 640 px szerokości. Poziom (np. 667×375, 812×375): niski ekran, do 500 px wysokości. */
@media screen and (max-width: 640px), screen and (max-height: 500px) {
  html.show--consent .auth-shell, html.show--consent main.center { padding-bottom: 320px; }
}

/* ── Strona /ciasteczka ─────────────────────────────────────────── */
/* Tytuł strony jako h1 (R7) — wygląd jak h2 okładki ekranów wejścia (app.css .auth-hero h2). */
.auth-hero h1 { margin: 0; font-family: var(--font-display); font-size: 22px; font-weight: 700;
  letter-spacing: -.02em; line-height: 1.2; color: #F4F1EA; }
.zc-strona { gap: 18px; }
.zc-sekcja { display: grid; gap: 8px; }
.zc-naglowek { margin: 0; font-family: var(--font-display); font-size: 17px; font-weight: 700; color: var(--ink-900); }
.zc-opis { margin: 0; font-size: 14px; line-height: 1.55; color: var(--ink-700); }
.zc-wersja { margin: 0; font-size: 12px; color: var(--ink-500); }
.zc-tabela { width: 100%; border-collapse: collapse; font-size: 13px; line-height: 1.5; color: var(--ink-700); }
.zc-tabela th { text-align: left; font-weight: 600; color: var(--ink-900); border-bottom: 1px solid var(--ink-700);
  padding: 6px 8px 6px 0; }
.zc-tabela td { vertical-align: top; border-bottom: 1px solid var(--line); padding: 8px 8px 8px 0; }
.zc-tabela code { font-size: 12px; word-break: break-all; }

/* Telefon: tabela jako lista kart (etykieta kolumny z data-kol). */
@media (max-width: 560px) {
  .zc-tabela thead { display: none; }
  .zc-tabela, .zc-tabela tbody, .zc-tabela tr, .zc-tabela td { display: block; width: 100%; }
  .zc-tabela tr { border-bottom: 1px solid var(--line); padding: 6px 0; }
  .zc-tabela td { border: 0; padding: 2px 0; }
  .zc-tabela td::before { content: attr(data-kol); display: block; font-size: 11px; font-weight: 600;
    text-transform: uppercase; letter-spacing: .04em; color: var(--ink-500); }
}