/* ============================================================
   Potvrda dobi 18+ (inc/age-gate.php, assets/js/age-gate.js).
   Renderira se kroz wp_footer na body razini — izgled kao „Na upit" modal.
   z-index iznad sticky headera (50–100), toasta (9999) i admin bara (99999).
   ============================================================ */
.albi-age-gate {
  position: fixed; inset: 0; z-index: 100001;
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}
/* display:flex iznad bi inače pobijedio `hidden` — prozorčić bi iskakao na svakoj stranici. */
.albi-age-gate[hidden] { display: none; }
.albi-age-gate__backdrop {
  position: absolute; inset: 0; background: rgba(11,11,12,.72);
  backdrop-filter: blur(3px);
}
.albi-age-gate__card {
  position: relative; z-index: 1;
  width: 100%; max-width: 420px;
  background: #fff; border-radius: 16px; padding: 32px 28px 28px;
  box-shadow: 0 30px 80px -20px rgba(0,0,0,.45);
  text-align: center;
}
.albi-age-gate__title {
  margin: 0 0 8px; font: 700 22px/1.25 'Inter', sans-serif;
  letter-spacing: -.01em; color: var(--ink-1);
}
.albi-age-gate__text {
  margin: 0 0 24px; font: 500 14.5px/1.5 'Inter', sans-serif; color: var(--ink-4);
}
.albi-age-gate__actions { display: flex; gap: 12px; }
.albi-age-gate__btn {
  flex: 1 1 0; min-height: 48px; border-radius: 12px;
  font: 700 15px/1 'Inter', sans-serif; cursor: pointer;
  transition: background 150ms ease, border-color 150ms ease;
}
.albi-age-gate__btn--yes {
  background: var(--red); color: #fff; border: 0;
  box-shadow: 0 6px 16px -8px rgba(220,38,38,.7), inset 0 -2px 0 rgba(0,0,0,.12);
}
.albi-age-gate__btn--yes:hover { background: var(--red-deep); }
.albi-age-gate__btn--no {
  background: #fff; color: var(--ink-2); border: 1px solid var(--line-2);
}
.albi-age-gate__btn--no:hover { border-color: var(--ink-4); }
.albi-age-gate__btn:focus-visible { outline: 3px solid rgba(220,38,38,.35); outline-offset: 2px; }
.albi-age-gate__btn:disabled { opacity: .6; cursor: progress; }
.albi-age-gate__err {
  margin: 16px 0 0; padding: 8px 10px;
  font: 500 13px/1.4 'Inter', sans-serif; color: var(--red-deep);
  background: var(--red-soft); border: 1px solid var(--red-line); border-radius: 8px;
}
.albi-age-gate__err[hidden] { display: none; }
html.albi-age-open,
html.albi-age-open body { overflow: hidden; }

@media (max-width: 400px) {
  .albi-age-gate__card { padding: 26px 20px 20px; }
  .albi-age-gate__title { font-size: 20px; }
}