/* ==========================================================================
   AJ — baner zgody na cookies. Logika: assets/cookie-consent.js, markup: inc/cookie-consent.php
   Selektory zaczynają się od .aj-cc: reset.css Hello Elementora ładuje się po stylach
   motywu i nadaje <button> różowy obrys/hover — wyższa specyficzność go przykrywa.
   ========================================================================== */

.aj-cc[hidden] { display: none; }
.aj-cc {
  position: fixed; inset: 0; z-index: 100000;
  display: grid; place-items: center;
  padding: var(--aj-gutter);
}
.aj-cc__overlay { position: absolute; inset: 0; background: rgba(15, 14, 13, .64); }

.aj-cc .aj-cc__dialog {
  position: relative;
  width: min(560px, 100%);
  max-height: calc(100dvh - 2 * var(--aj-gutter));
  overflow-y: auto;
  padding: var(--aj-s-4) var(--aj-s-4) var(--aj-s-3);
  background: var(--aj-bg-light);
  border-top: 2px solid var(--aj-gold);
  box-shadow: 0 32px 80px -32px rgba(0, 0, 0, .55);
  color: var(--aj-ink-body);
  font: 400 var(--aj-fs-body)/var(--aj-lh-body) var(--aj-font-body);
}
.aj-cc .aj-cc__dialog:focus { outline: none; }

.aj-cc .aj-cc__eyebrow {
  margin: 0 0 var(--aj-s-1);
  color: var(--aj-gold-ink);
  font: 500 var(--aj-fs-eyebrow)/1.2 var(--aj-font-body);
  letter-spacing: var(--aj-ls-eyebrow); text-transform: uppercase;
}
.aj-cc .aj-cc__title {
  margin: 0 0 var(--aj-s-2);
  color: var(--aj-ink);
  font: 500 clamp(1.5rem, 1.3rem + .8vw, 1.875rem)/var(--aj-lh-head) var(--aj-font-display);
  letter-spacing: var(--aj-ls-display);
}
.aj-cc .aj-cc__text { margin: 0; }

.aj-cc .aj-cc__prefs { margin-top: var(--aj-s-3); border-top: 1px solid var(--aj-line-light); }
.aj-cc .aj-cc__prefs[hidden] { display: none; }
.aj-cc .aj-cc__opt {
  display: flex; gap: 12px; align-items: flex-start;
  padding: var(--aj-s-2) 0;
  border-bottom: 1px solid var(--aj-line-light-soft);
  font-size: var(--aj-fs-small); line-height: var(--aj-lh-tight);
  cursor: pointer;
}
.aj-cc .aj-cc__opt strong { color: var(--aj-ink); font-weight: 600; }
.aj-cc .aj-cc__opt code { font-size: .95em; }
.aj-cc .aj-cc__opt input {
  flex: none; width: 18px; height: 18px; margin: 2px 0 0;
  accent-color: var(--aj-gold-fill);
}
.aj-cc .aj-cc__opt--locked { cursor: default; }
.aj-cc .aj-cc__opt--locked input { opacity: .55; }

.aj-cc .aj-cc__actions {
  display: grid; grid-template-columns: 1fr 1fr; gap: var(--aj-s-1);
  margin-top: var(--aj-s-3);
}
.aj-cc .aj-btn { width: 100%; min-height: 50px; margin: 0; border-radius: var(--aj-r-0); }
.aj-cc .aj-btn[hidden] { display: none; }

/* Odrzucam / Akceptuję — celowo identyczne: równorzędny wybór, bez „wyróżnionej” zgody. */
.aj-cc .aj-cc__choice,
.aj-cc .aj-cc__choice:focus { --_bg: var(--aj-ink); --_fg: var(--aj-on-dark); --_bd: var(--aj-ink); background: var(--_bg); color: var(--_fg); border-color: var(--_bd); }
.aj-cc .aj-cc__choice:hover { --_bg: var(--aj-gold-fill); --_fg: #14120F; --_bd: var(--aj-gold-fill); background: var(--_bg); color: var(--_fg); border-color: var(--_bd); }

.aj-cc .aj-cc__save,
.aj-cc .aj-cc__save:focus { grid-column: 1 / -1; --_bg: transparent; --_fg: var(--aj-ink); --_bd: var(--aj-ink); background: var(--_bg); color: var(--_fg); border-color: var(--_bd); }
.aj-cc .aj-cc__save:hover { --_bd: var(--aj-gold-fill); --_bg: var(--aj-gold-soft); background: var(--_bg); color: var(--_fg); border-color: var(--_bd); }

.aj-cc .aj-cc__more,
.aj-cc .aj-cc__more:hover,
.aj-cc .aj-cc__more:focus {
  display: block; margin: var(--aj-s-2) auto 0; padding: 4px 8px;
  background: none; border: 0; border-radius: 0;
  color: var(--aj-ink-muted);
  font: 500 var(--aj-fs-eyebrow)/1.2 var(--aj-font-body);
  letter-spacing: var(--aj-ls-button); text-transform: uppercase;
  text-decoration: underline; text-underline-offset: .3em; text-decoration-color: var(--aj-line-light);
  cursor: pointer;
}
.aj-cc .aj-cc__more:hover { color: var(--aj-ink); text-decoration-color: var(--aj-gold); }
.aj-cc .aj-cc__more[hidden] { display: none; }

.aj-cc :focus-visible { outline: var(--aj-focus); outline-offset: var(--aj-focus-offset); }

html.aj-cc-lock, html.aj-cc-lock body { overflow: hidden; }

/* Telefon: arkusz przy dolnej krawędzi, przyciski jeden pod drugim. */
@media (max-width: 560px) {
  .aj-cc { place-items: end center; padding: 12px; }
  .aj-cc .aj-cc__dialog { padding: var(--aj-s-3) 20px 16px; max-height: calc(100dvh - 24px); }
  .aj-cc .aj-cc__actions { grid-template-columns: 1fr; }
}

/* Link „Ustawienia cookies” w stopce wygląda jak pozostałe linki dokumentów. */
.aj-footer [data-aj-consent-open] { cursor: pointer; }
