/* Arcadian CMS - galerija slika uz sadržaj (dijeli se među svim temama).
   Teme mogu nadjačati preko CSS varijabli: --galerija-radijus, --galerija-razmak, --galerija-akcent. */
.galerija{margin:2rem 0 1.5rem}
.galerija-naslov{margin:0 0 .75rem;font-size:1.15rem;line-height:1.3}
.galerija-broj{font-weight:400;opacity:.6;font-size:.9em}
.galerija-mreza{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--galerija-razmak,.6rem)}
.galerija-stavka{margin:0;padding:0}
.galerija-link{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--galerija-radijus,.5rem);background:#e5e7eb;outline-offset:3px}
.galerija-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.galerija-link:hover img,.galerija-link:focus-visible img{transform:scale(1.04)}
.galerija-link:focus-visible{outline:3px solid var(--galerija-akcent,#1d4ed8)}
.galerija-link::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.18),transparent 45%);opacity:0;transition:opacity .2s}
.galerija-link:hover::after{opacity:1}
@media (max-width:640px){.galerija-mreza{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.4rem}}

/* Lightbox */
.galerija-lb{position:fixed;inset:0;z-index:2147483000;display:none;flex-direction:column;background:rgba(8,12,20,.95);color:#fff;-webkit-tap-highlight-color:transparent;touch-action:pan-y;user-select:none}
.galerija-lb[data-open]{display:flex}
.galerija-lb *{box-sizing:border-box}
.galerija-lb-top{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;font-size:.9rem;min-height:3.25rem}
.galerija-lb-brojac{font-variant-numeric:tabular-nums;opacity:.85}
.galerija-lb-scena{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 3.5rem}
.galerija-lb-slika{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:.4rem;box-shadow:0 30px 80px rgba(0,0,0,.6);opacity:1;transition:opacity .18s ease}
.galerija-lb-slika[data-ucitava]{opacity:.35}
.galerija-lb-dno{padding:.75rem 1rem 1rem;text-align:center;font-size:.95rem;line-height:1.45}
.galerija-lb-opis{margin:0}
.galerija-lb-autor{margin:.2rem 0 0;font-size:.82rem;opacity:.7}
.galerija-lb-gumb{appearance:none;background:rgba(255,255,255,.1);border:0;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:999px;transition:background .15s;flex:none}
.galerija-lb-gumb:hover{background:rgba(255,255,255,.22)}
.galerija-lb-gumb:focus-visible{outline:3px solid #fff;outline-offset:2px}
.galerija-lb-gumb svg{width:1.4rem;height:1.4rem}
.galerija-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:3.25rem;height:3.25rem}
.galerija-lb-prev{left:.75rem}
.galerija-lb-next{right:.75rem}
.galerija-lb-nav[hidden]{display:none}
@media (max-width:640px){
  .galerija-lb-scena{padding:0 .5rem}
  .galerija-lb-nav{width:2.5rem;height:2.5rem;background:rgba(0,0,0,.35)}
  .galerija-lb-prev{left:.35rem}.galerija-lb-next{right:.35rem}
  .galerija-lb-dno{font-size:.88rem}
}
@media (prefers-reduced-motion:reduce){.galerija-link img,.galerija-lb-slika{transition:none}}
body.galerija-lb-otvoren{overflow:hidden}