/* ===== Gallery ===== */
.novpro-gallery{position:relative;margin:12px 0;}
.novpro-gallery .swiper-slide img{
  width:100%;
  height: var(--novpro-thumb-h, auto); /* ako je setovano u shortcode/widgetu */
  display:block;
  object-fit: var(--novpro-fit, cover);
  border-radius: var(--novpro-radius, 8px);
}

/* Strelice (gallery) */
.novpro-gallery .swiper-button-next,
.novpro-gallery .swiper-button-prev{
  width: var(--novpro-arrow-size, 40px);
  height: var(--novpro-arrow-size, 40px);
  background: var(--novpro-arrow-bg, rgba(0,0,0,.6));
  color: var(--novpro-arrow-color, #fff);
  border-radius: var(--novpro-radius, 8px);
}
.novpro-gallery .swiper-button-next:after,
.novpro-gallery .swiper-button-prev:after{
  font-size: calc(var(--novpro-arrow-size, 40px) * 0.5);
}

/* Dots boje (gallery i stories) */
.swiper-pagination-bullet{
  background: var(--novpro-dot, rgba(0,0,0,.25));
  opacity: 1;
}
.swiper-pagination-bullet-active{
  background: var(--novpro-dot-active, #1e90ff);
}

/* ===== Related posts ===== */
.novpro-related{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;}
@media(min-width:600px){.novpro-related{grid-template-columns:repeat(2,1fr);}}
.novpro-related-item{display:flex;gap:12px;align-items:center;border:1px solid #eee;border-radius:8px;padding:8px;text-decoration:none;color:inherit;background:#fff;transition:box-shadow .2s;}
.novpro-related-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.06);}
.novpro-related-item .thumb{width:96px;height:64px;background-size:cover;background-position:center;border-radius:6px;flex:0 0 auto;}

/* ===== Top list ===== */
.novpro-top{display:flex;flex-direction:column;gap:10px;}
.novpro-top-item{display:flex;gap:10px;align-items:center;border-bottom:1px solid #eee;padding:6px 0;text-decoration:none;color:inherit;}
.novpro-top-item .thumb{width:64px;height:64px;background-size:cover;background-position:center;border-radius:6px;flex:0 0 auto;}
.novpro-top-item .meta .title{display:block;font-weight:600;}
.novpro-top-item .meta .views{opacity:.7;font-size:.9em;}

/* ===== Stories strip ===== */
.novpro-stories{position:relative;margin:12px 0;}
.novpro-story-bubble{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;}
.novpro-story-bubble .bubble{
  width: var(--novpro-bubble, 64px);
  height: var(--novpro-bubble, 64px);
  border-radius: var(--novpro-bubble-radius, 999px);
  background-size: cover;
  background-position: center;
  border:3px solid var(--novpro-story-border, #e1306c);
  display:block;
}
.novpro-story-bubble.seen .bubble{border-color: var(--novpro-story-border-seen, #ccc);opacity:.85;}
.novpro-story-bubble .label{font-size: var(--novpro-story-label, 12px); font-weight: var(--novpro-label-weight, 600);}

/* Strelice (stories strip) – diskretne */
.novpro-stories .swiper-button-next,
.novpro-stories .swiper-button-prev{
  width:32px;height:32px;
  background: rgba(0,0,0,.5);
  color:#fff;border-radius:10px;
}
.novpro-stories .swiper-button-next:after,
.novpro-stories .swiper-button-prev:after{font-size:16px;}

/* ===== Story modal 9:16 ===== */
.novpro-story-modal{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:99999;}
.novpro-story-modal .novpro-story-modal-inner{
  width: min(500px, 90vw);
  aspect-ratio: 9 / 16;
  background:#000;
  position:relative;
  border-radius:12px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.novpro-story-modal .novpro-close{position:absolute;right:8px;top:6px;font-size:28px;color:#fff;background:none;border:none;cursor:pointer;z-index:2;}
.novpro-story-content,.novpro-story-slide{width:100%;height:100%;position:relative;}
.novpro-story-slide{
  background:#111;
  background-size: cover;           /* popuni okvir */
  background-position: center;      /* centriraj sliku */
  background-repeat: no-repeat;
  width:100%;
  height:100%;
}
.novpro-story-slide .overlay{
  position:absolute;inset:auto 0 0 0;padding:18px;
  background:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,0));color:#fff;
}
.novpro-story-slide .overlay h3{margin:0 0 8px;font-size:20px;}
.novpro-story-slide .overlay .date{opacity:.9;margin-bottom:8px;font-size:14px;}
.novpro-story-slide .overlay .btn{display:inline-block;background:#fff;color:#000;padding:8px 12px;border-radius:6px;text-decoration:none;font-weight:600;}
body.novpro-modal-open{overflow:hidden;}

/* Centriranje slike u GLightbox */
.glightbox-clean .gslide-image img {
  display: block;
  margin: auto;
  max-height: 90vh; /* da ne prelazi ekran */
  object-fit: contain; /* zadrži proporcije */
}

.glightbox-clean .gslide-image {
  display: flex;
  align-items: center;
  justify-content: center;
}