/* ==== ZENIT GALERIJE: HARD OVERRIDE (Newspaper/tagDiv safe) ==== */

/* reset inside post content */
.td-post-content .zenit-gallery,
.td-page-content .zenit-gallery,
.entry-content .zenit-gallery{
  clear: both;
}

/* GRID container */
.td-post-content .zenit-gallery-grid,
.td-page-content .zenit-gallery-grid,
.entry-content .zenit-gallery-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}

/* each item MUST NOT be full-width block */
.td-post-content a.zenit-gallery-item,
.td-page-content a.zenit-gallery-item,
.entry-content a.zenit-gallery-item{
  display:inline-block !important;
  width:150px !important;
  height:150px !important;
  flex:0 0 150px !important;
  max-width:150px !important;
  min-width:150px !important;

  float:none !important;
  clear:none !important;

  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:#111 !important;
  overflow:hidden !important;
  border-radius:6px !important;

  text-decoration:none !important;
}

.td-post-content .zenit-gallery-thumb,
.td-page-content .zenit-gallery-thumb,
.entry-content .zenit-gallery-thumb{
  display:block !important;
  width:150px !important;
  height:150px !important;
  overflow:hidden !important;
}

.td-post-content .zenit-gallery-thumb img,
.td-page-content .zenit-gallery-thumb img,
.entry-content .zenit-gallery-thumb img{
  display:block !important;
  width:150px !important;
  height:150px !important;
  object-fit:cover !important;

  /* kill theme */
  max-width:none !important;
  max-height:none !important;
}

/* ===== Lightbox ===== */
.zg-lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.92);
  z-index:999999;
  display:none;
  pointer-events:auto;
}
.zg-lightbox.is-open{display:block}

.zg-lightbox-inner{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.zg-lightbox-img{
  max-width:95vw;
  max-height:85vh;
  width:auto;
  height:auto;
  box-shadow:0 10px 40px rgba(0,0,0,.5);
}

.zg-lightbox-top{
  position:absolute;
  top:12px;
  right:12px;
  left:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  z-index:1000002;
}

.zg-lightbox-caption{
  color:#fff;
  font-size:14px;
  line-height:1.3;
  opacity:.9;
  max-width:75vw;
}

.zg-lightbox-close{
  background:rgba(255,255,255,.18);
  border:0;
  color:#fff;
  width:40px;
  height:40px;
  border-radius:10px;
  cursor:pointer;
  font-size:22px;
  z-index:1000003;
  pointer-events:auto !important;
}

/* === ARROWS (DESKTOP) === */
/* OVDJE mijenjaš: width/height (okvir), font-size (veličina strelice),
   background rgba(..., ALFA) (transparentnost pozadine dugmeta). */
.zg-lightbox-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);

  /* okvir */
  width:40px;
  height:40px;
  border-radius:10px;

  /* strelica */
  font-size:30px;
  line-height:1;

  border:0;
  cursor:pointer;
  color:#fff;

  /* transparentnost oko strelice (pozadina) */
  background:rgba(255,255,255,.10);

  opacity:1;
  z-index:1000003;
  pointer-events:auto !important;
}

.zg-lightbox-prev{left:12px}
.zg-lightbox-next{right:12px}

body.zg-no-scroll{overflow:hidden!important}

/* === ARROWS (MOBILE OVERRIDE) === */
/* OVDJE mijenjaš iste parametre samo za mobitel */
@media (max-width: 768px){
  .zg-lightbox-nav{
    width:40px;
    height:40px;
    border-radius:12px;
    font-size:34px;
    background:rgba(255,255,255,.10);
    opacity:1;
  }
  .zg-lightbox-prev{left:10px}
  .zg-lightbox-next{right:10px}

  .zg-lightbox-top{
    left:10px;
    right:10px;
  }
}

/* === ZENIT: centriraj galeriju u članku (lijevo-desno) === */
.td-post-content .zenit-gallery,
.td-page-content .zenit-gallery,
.entry-content .zenit-gallery{
  width: 100% !important;
  display: block !important;
}

/* centriraj grid i “grupu” thumbova */
.td-post-content .zenit-gallery-grid,
.td-page-content .zenit-gallery-grid,
.entry-content .zenit-gallery-grid{
  justify-content: center !important;  /* KLJUČ */
}