/* ==========================================================================
   MODUL:galerija — galerija remenja i povećanje slike
   Postolar-Ilić · prototip v2 · MODUL:galerija
   Ovaj list se u E5 veže KAO ZADNJI SLOJ, iza style.css i media_queries.css.
   Ne mijenjati .wrapper ni lanac kontejnera jezgre.
   ========================================================================== */

.galerija{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:10px}
.galerija h3{grid-column:span 4}
.galerija figure{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,#3b2016,#140a08)}
.galerija figure.velika{grid-column:span 4;aspect-ratio:16/9}
.galerija figure a{display:block;height:100%}
.galerija img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.92)}
.galerija figure:hover img{transform:scale(1.07);filter:saturate(1.08)}
.galerija figure::after{content:attr(data-label);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:500 10px var(--f-mono);letter-spacing:.14em;color:rgba(244,235,223,.6);opacity:0}
.galerija figure.nema::after{opacity:1}
.galerija figure .povecaj{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(27,14,11,.6);color:var(--papir);display:grid;place-items:center;opacity:0;transform:scale(.8);transition:all .3s;pointer-events:none;font-size:18px}
.galerija figure:hover .povecaj{opacity:1;transform:none}
dialog.povecanje{border:0;padding:0;background:transparent;max-width:92vw;max-height:90vh}
dialog.povecanje::backdrop{background:rgba(18,8,6,.88)}
dialog.povecanje img{max-width:92vw;max-height:84vh;border-radius:12px}
dialog.povecanje button{position:absolute;right:10px;top:10px;width:42px;height:42px;border-radius:50%;border:0;background:var(--papir);font-size:22px;cursor:pointer}
@media (max-width:720px){
  .galerija{grid-template-columns:repeat(2,1fr)}
  .galerija h3{grid-column:span 2}
  .galerija figure.velika{grid-column:span 2}
}