/* Kartica pristanka (oglasi i statistika) i gumb „Postavke kolačića” (specifikacija 22).
   Učitava se na svim stranicama; boje su upisane, jer naslovnica ne učitava main.css. */
.pristanak {
  position: fixed; z-index: 1003; left: 16px; bottom: 16px; width: min(360px, calc(100vw - 32px));
  box-sizing: border-box; padding: 16px 18px;
  background: #FAF9F1; color: #16181A; border: 1px solid #CBCFC1; border-radius: 10px;
  box-shadow: 0 10px 30px rgb(22 24 26 / .18);
  font-size: 15px; line-height: 1.45;
}
.pristanak[hidden] { display: none; }
.pristanak p { margin: 0; }
.pristanak .pristanak__naslov { margin-bottom: 6px; font-size: 16px; font-weight: 700; }
.pristanak .pristanak__gumbi { display: flex; gap: 8px; margin-top: 14px; }
/* „Prihvaćam” i „Odbijam” istog izgleda (AZOP) */
.pristanak__gumb {
  flex: 1 1 0; min-height: 44px; padding: 0 10px; border: 2px solid #FF4D17; border-radius: 999px; background: none;
  color: #16181A; font-family: inherit; font-size: 15px; font-weight: 600; line-height: 1; cursor: pointer;
}
.pristanak__gumb:hover { background: rgb(255 77 23 / .12); }
.pristanak button:focus-visible, .pristanak a:focus-visible, .pristanak input:focus-visible { outline: 3px solid #16181A; outline-offset: 2px; }
.pristanak__odaberi, .pristanak__vise a {
  display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; color: #C23A0E; text-decoration: underline; text-underline-offset: 3px;
}
.pristanak__odaberi { flex: none; padding: 0 2px; border: 0; background: none; font-family: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.pristanak__izbor { margin-top: 8px; }
.pristanak__prekidac { display: flex; align-items: center; justify-content: space-between; min-height: 44px; font-weight: 600; cursor: pointer; }
.pristanak__prekidac input {
  appearance: none; flex: none; width: 40px; height: 24px; margin: 0; border-radius: 12px; background: #6E7366; cursor: pointer;
}
.pristanak__prekidac input::before { content: ""; display: block; width: 18px; height: 18px; margin: 3px; border-radius: 50%; background: #FFF; }
.pristanak__prekidac input:checked { background: #C23A0E; }
.pristanak__prekidac input:checked::before { translate: 16px; }
.pristanak__izbor .pristanak__gumb { width: 100%; margin-top: 6px; }
.pristanak .pristanak__vise { margin-top: 4px; }
.pristanak .pristanak__kratko { display: none; }
/* mobitel i niski ekrani: traka s jednim retkom teksta pa gumbima; desno ostaje mjesto za gumb „Zaustavi animacije” */
@media (max-width: 699px), (max-height: 500px) {
  .pristanak {
    left: 8px; right: 60px; bottom: calc(12px + env(safe-area-inset-bottom)); width: auto; padding: 10px;
    display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px;
  }
  .pristanak .pristanak__naslov, .pristanak .pristanak__opis { display: none; }
  .pristanak .pristanak__kratko { display: block; flex-basis: 100%; }
  .pristanak .pristanak__gumbi { display: contents; }
  .pristanak__gumb { flex: 1 1 0; max-width: 132px; min-width: 0; padding: 0 2px; }
  .pristanak__gumb, .pristanak__odaberi { font-size: min(15px, 4.4vw); }
  .pristanak__izbor { flex-basis: 100%; margin: 0; }
  .pristanak__izbor .pristanak__gumb { max-width: none; }
  /* „Odaberi” zamjenjuje „Više”: poveznica na politiku je u drugom sloju */
  .pristanak .pristanak__vise { margin: 0; }
  .pristanak__izbor[hidden] + .pristanak__vise { display: none; }
  .pristanak__dalje { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media (prefers-reduced-motion: no-preference) {
  .pristanak { animation: pristanak-ulaz .3s ease-out; }
  .pristanak__prekidac input::before { transition: translate .2s; }
  @keyframes pristanak-ulaz { from { opacity: 0; translate: 0 12px; } }
}
.podnozje__kolacici {
  padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer;
}
.podnozje__kolacici:hover, .podnozje__kolacici:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
[data-pristanak][hidden] { display: none; }