/* Kolačići: traka za pristanak, okvir za vanjski sadržaj i stranica /kolacici/.
   Boje se preuzimaju iz varijabli weba (blok :root ispod). */
:root { --kc-bg: #fff; --kc-fg: var(--ink); --kc-line: var(--line); --kc-accent: var(--accent); --kc-accent-fg: #fff; --kc-soft: var(--panel); --kc-radius: var(--radius); --kc-btn-radius: 10px; --kc-font: var(--font-body); }
.kc { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; padding: 0 16px 16px; pointer-events: none; }
.kc[hidden] { display: none; }
.kc-box { pointer-events: auto; max-width: 980px; margin: 0 auto; background: var(--kc-bg); color: var(--kc-fg); border: 1px solid var(--kc-line); border-radius: var(--kc-radius); box-shadow: 0 10px 40px rgba(0, 0, 0, .22); padding: 18px 22px; display: flex; gap: 20px 28px; align-items: center; flex-wrap: wrap; font-family: var(--kc-font); font-size: .95rem; line-height: 1.5; }
.kc-txt { margin: 0; flex: 1 1 380px; }
.kc-txt a { color: var(--kc-accent); text-decoration: underline; text-underline-offset: 3px; }
.kc-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.kc-btn { cursor: pointer; font: inherit; font-weight: 600; line-height: 1.2; padding: 11px 18px; border-radius: var(--kc-btn-radius); border: 1px solid var(--kc-line); background: transparent; color: var(--kc-fg); text-decoration: none; }
.kc-btn:hover { border-color: var(--kc-fg); }
.kc-btn-1 { background: var(--kc-accent); border-color: var(--kc-accent); color: var(--kc-accent-fg); }
.kc-btn-1:hover { filter: brightness(.9); border-color: var(--kc-accent); }
.kc-btn:focus-visible { outline: 2px solid var(--kc-accent); outline-offset: 2px; }
@media (max-width: 640px) {
  .kc { padding: 0 8px 8px; }
  .kc-box { padding: 16px; }
  .kc-btns { width: 100%; }
  .kc-btn { flex: 1 1 auto; text-align: center; }
}

/* Vanjski sadržaj (karta, video) prije pristanka */
.kc-gate { position: relative; }
.kc-gate iframe:not([src]) { visibility: hidden; }
.kc-blok { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; text-align: center; padding: 24px; background: var(--kc-soft); color: var(--kc-fg); border: 1px solid var(--kc-line); border-radius: var(--kc-radius); font-family: var(--kc-font); font-size: .95rem; line-height: 1.5; }
.kc-gate .kc-blok p { margin: 0; max-width: 46ch; color: inherit; }
.kc-gate .kc-blok small { color: inherit; opacity: .8; }
.kc-blok .kc-btns { justify-content: center; align-items: center; }
.kc-blok a { color: var(--kc-accent); text-decoration: underline; text-underline-offset: 3px; }
.kc-gate.kc-on .kc-blok { display: none; }
.kc-gate.kc-on iframe { visibility: visible; }

/* Stranica /kolacici/ */
.kc-page { max-width: 780px; font-family: var(--kc-font); }
.kc-page h2 { margin-top: 2em; }
.kc-page h3 { margin-top: 1.6em; }
.kc-page p, .kc-page li { line-height: 1.65; }
.kc-page ul { padding-left: 1.2em; }
.kc-page a { color: var(--kc-accent); text-decoration: underline; text-underline-offset: 3px; }
.kc-page table { width: 100%; border-collapse: collapse; margin: 1em 0 1.5em; font-size: .92rem; }
.kc-page th, .kc-page td { text-align: left; vertical-align: top; padding: 9px 10px; border-bottom: 1px solid var(--kc-line); }
.kc-page th { font-weight: 600; }
.kc-page code { font-size: .9em; background: var(--kc-soft); padding: 1px 5px; border-radius: 4px; }
.kc-page .kc-btn { margin-top: 6px; }
.kc-footlinks { text-align: center; padding: 12px 0 0; font-size: .85rem; }
.kc-footlinks a { color: inherit; opacity: .8; text-decoration: underline; text-underline-offset: 3px; }
.kc-footlinks a:hover { opacity: 1; }