/* ---- Privola za kolačiće ----
   Traka sjedi pri dnu, preko zatamnjenja: odluka se traži prije korištenja, ali sadržaj iza
   ostaje vidljiv da se vidi o čemu se odlučuje. */
.kol-sloj{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-end;justify-content:center;
  padding:18px;background:rgb(43 19 19 / .34)}
.kol-traka{width:100%;max-width:620px;background:#fff;border-radius:20px;padding:24px 26px;
  box-shadow:0 18px 50px rgb(43 19 19 / .22);max-height:calc(100dvh - 36px);overflow-y:auto}
.kol-naslov{font:600 19px/1.25 'Poppins',sans-serif;color:var(--plum);margin:0 0 10px}
.kol-tekst{font:400 14.5px/1.65 'Poppins',sans-serif;color:var(--ink);margin:0}
.kol-tekst strong{color:var(--plum);font-weight:600}

.kol-skupine{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.kol-skupina{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;cursor:pointer;
  border:1px solid var(--pg-sand-300);border-radius:14px;background:var(--pg-sand-50)}
.kol-skupina:hover{background:#fff}
.kol-skupina.je-on{background:#fff;border-color:var(--leaf)}
.kol-skupina.je-nuzna{cursor:default;opacity:.9}
.kol-skupina:focus-within{outline:2px solid var(--leaf);outline-offset:2px}
.kol-kvac-in{position:absolute;opacity:0;width:20px;height:20px;margin:0}
.kol-kvac{position:relative;flex:none;width:20px;height:20px;margin-top:2px;border-radius:6px;
  border:1.5px solid var(--pg-sand-300);background:#fff}
.kol-kvac-in:checked ~ .kol-kvac{background:var(--leaf);border-color:var(--leaf)}
/* Kvačica je nacrtana rubom, ne ikonom: traka se učitava prije nego što maske ikona stignu. */
.kol-kvac-in:checked ~ .kol-kvac::after{content:"";position:absolute;left:6px;top:2px;
  width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(43deg)}
.kol-skupina-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.kol-skupina-ime{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  font:500 14.5px/1.35 'Poppins',sans-serif;color:var(--plum)}
.kol-uvijek{font:500 12px/1.3 'Poppins',sans-serif;font-style:normal;color:var(--leaf-tekst)}
.kol-skupina-opis{font:400 13px/1.5 'Poppins',sans-serif;color:var(--muted)}

/* „Prihvati" i „Odbij" dijele isti oblik i istu težinu — vidi uvodni komentar u kolacici.js.
   auto-fit da na uskom ekranu padnu u stupac umjesto da se stisnu u nečitljive pilule. */
.kol-gumbi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:18px}
.kol-gumb{width:100%;justify-content:center}

.kol-veze{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:16px 0 0}
.kol-veze a{font:400 13px/1.5 'Poppins',sans-serif;color:var(--muted);text-decoration:underline}
.kol-veze a:hover{color:var(--plum)}

/* „Kolačići" u podnožju bio je goli tekst; sada je gumb, jer se privola po zakonu mora moći
   povući jednako lako kao što je dana. Izgleda kao ostatak retka, ne kao tipka. */
.fp-kol{border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;
  text-decoration:underline;text-underline-offset:2px}
.fp-kol:hover{color:var(--plum)}
.fp-kol:focus-visible{outline:2px solid var(--leaf);outline-offset:2px}

/* Podloga se ne smije pomicati dok traka stoji. */
body.kol-open{overflow:hidden}

/* Ni traka ni zatamnjenje ne idu na papir. */
@media print{ .kol-sloj{display:none !important} }