.elementor-50313 .elementor-element.elementor-element-ebf3e50{--display:flex;}.elementor-50313 .elementor-element.elementor-element-1497e0f .woocommerce-breadcrumb{color:#10679C;}.elementor-50313 .elementor-element.elementor-element-d561da7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-50313 .elementor-element.elementor-element-3770dbc .elementor-heading-title{text-decoration:underline;color:var( --e-global-color-accent );}.elementor-50313 .elementor-element.elementor-element-ef85795{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-50313 .elementor-element.elementor-element-49cd1aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50313 .elementor-element.elementor-element-946d204 > .elementor-widget-container{padding:0px 0px 0px 0px;}.woocommerce .elementor-50313 .elementor-element.elementor-element-946d204 .flex-viewport:not(:last-child){margin-bottom:40px;}.elementor-50313 .elementor-element.elementor-element-a767de0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-50313 .elementor-element.elementor-element-72217ff > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-50313 .elementor-element.elementor-element-72217ff .elementor-heading-title{font-size:28px;text-decoration:underline;color:var( --e-global-color-accent );}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );}.elementor-50313 .elementor-element.elementor-element-0efaf89 > .elementor-widget-container{padding:20px 0px 0px 0px;}.woocommerce .elementor-50313 .elementor-element.elementor-element-0efaf89 .price{color:var( --e-global-color-secondary );font-size:21px;font-weight:600;}.woocommerce .elementor-50313 .elementor-element.elementor-element-0efaf89 .price ins{color:var( --e-global-color-accent );font-size:21px;font-weight:600;text-decoration:none;}body:not(.rtl) .elementor-50313 .elementor-element.elementor-element-0efaf89:not(.elementor-product-price-block-yes) del{margin-right:20px;}body.rtl .elementor-50313 .elementor-element.elementor-element-0efaf89:not(.elementor-product-price-block-yes) del{margin-left:20px;}.elementor-50313 .elementor-element.elementor-element-0efaf89.elementor-product-price-block-yes del{margin-bottom:20px;}.elementor-50313 .elementor-element.elementor-element-88a201e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-50313 .elementor-element.elementor-element-bc3da9a img{width:7rem;}.elementor-50313 .elementor-element.elementor-element-0707ba3 img{width:7rem;}.elementor-50313 .elementor-element.elementor-element-58eaa49 img{width:7rem;}.elementor-50313 .elementor-element.elementor-element-1754452{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50313 .elementor-element.elementor-element-25e560d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-50313 .elementor-element.elementor-element-9219d99{--display:flex;}@media(max-width:1024px){.elementor-50313 .elementor-element.elementor-element-946d204 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-50313 .elementor-element.elementor-element-72217ff .elementor-heading-title{font-size:23px;}.woocommerce .elementor-50313 .elementor-element.elementor-element-0efaf89 .price{font-size:22px;}.woocommerce .elementor-50313 .elementor-element.elementor-element-0efaf89 .price ins{font-size:22px;}.elementor-50313 .elementor-element.elementor-element-88a201e{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-50313 .elementor-element.elementor-element-49cd1aa{--width:60%;}.elementor-50313 .elementor-element.elementor-element-a767de0{--width:40%;}.elementor-50313 .elementor-element.elementor-element-88a201e{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-50313 .elementor-element.elementor-element-49cd1aa{--width:60%;}.elementor-50313 .elementor-element.elementor-element-a767de0{--width:40%;}.elementor-50313 .elementor-element.elementor-element-88a201e{--width:100%;}}@media(max-width:767px){.elementor-50313 .elementor-element.elementor-element-d561da7{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-50313 .elementor-element.elementor-element-3770dbc .elementor-heading-title{font-size:23px;}.elementor-50313 .elementor-element.elementor-element-ef85795{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-50313 .elementor-element.elementor-element-49cd1aa{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50313 .elementor-element.elementor-element-946d204 > .elementor-widget-container{padding:0px 0px 0px 0px;}.woocommerce .elementor-50313 .elementor-element.elementor-element-946d204 .flex-control-thumbs img{border-radius:50% 50% 50% 50%;}.woocommerce .elementor-50313 .elementor-element.elementor-element-0efaf89 .price{font-size:22px;}.woocommerce .elementor-50313 .elementor-element.elementor-element-0efaf89 .price ins{font-size:22px;}body:not(.rtl) .elementor-50313 .elementor-element.elementor-element-0efaf89:not(.elementor-product-price-block-yes) del{margin-right:20px;}body.rtl .elementor-50313 .elementor-element.elementor-element-0efaf89:not(.elementor-product-price-block-yes) del{margin-left:20px;}.elementor-50313 .elementor-element.elementor-element-0efaf89.elementor-product-price-block-yes del{margin-bottom:20px;}.elementor-50313 .elementor-element.elementor-element-88a201e{--width:100%;--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-50313 .elementor-element.elementor-element-0768703.elementor-element{--align-self:flex-start;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-946d204 *//* ========================================================= */
/*  SINGLE PRODUCT GALLERY — FINAL VERSION (Fade + Fixes)    */
/* ========================================================= */

/* ========================= */
/* Photoswipe – lightbox UI  */
/* ========================= */

.pswp__bg { background:#fff !important; opacity:1 !important; }

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  width:48px; height:48px; border-radius:50%;
  background:#000 !important; opacity:1 !important;
  transition:background-color .3s, transform .2s;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before { color:#fff !important; }
.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover { background:#222 !important; transform:scale(1.05); }
.pswp__button--arrow--left{left:30px;}
.pswp__button--arrow--right{right:30px;}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right{display:none!important;}

.pswp__top-bar{background:#fff!important;color:#000!important;border:none!important;}

/* FIX: vrati normalan “X” close dugme (umjesto fullscreen ikonice) */
.pswp__button--close {
  width:40px; height:40px; border-radius:50%;
  background-color:transparent !important;
  filter:none !important;
  opacity:1 !important;
  transition:background-color .2s;
}
.pswp__button--close:hover {
  background-color:rgba(0,0,0,.06) !important;
}

/* =============================== */
/* Woo Product Gallery — stil i fade */
/* =============================== */

/* Varijable za veličinu thumbova po uređajima */
:root {
  --thumb-size-desktop: 66px;
  --thumb-gap-desktop: 2px;

  --thumb-size-tablet: 36px;
  --thumb-gap-tablet: 2px;

  --thumb-size-mobile: 36px;
  --thumb-gap-mobile: 2px;
}

/* Thumbnail traka */
.woocommerce div.product div.images .flex-control-thumbs {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--thumb-gap-desktop);
  padding:20px 0;
  position:relative;
  z-index:2;
  clear:both;
}

/* Thumbnail elementi */
.woocommerce div.product div.images .flex-control-thumbs li {
  flex:0 0 auto;
  width:var(--thumb-size-desktop);
  height:var(--thumb-size-desktop);
  margin:0;
}

/* Thumbnail slike */
.woocommerce div.product div.images .flex-control-thumbs li img {
  width:100%; height:100%; object-fit:cover;
  border-radius:8px;
  cursor:pointer;
  border:1px solid #000;
  transition:all .3s ease;
}

/* Hover/active stanja thumbova */
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
  border-color:#DD7701;
  border-width:1.5px;
  box-shadow:0 0 8px rgba(0,0,0,.15);
}
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
  border-color:#DD7701;
}

/* --- Viewport (glavna slika) --- */
.woocommerce div.product div.images .flex-viewport {
  position:relative;
  z-index:1;
  margin-bottom:14px;  /* razmak iznad thumbova */
  overflow:hidden;
  transition:none!important;
}

/* Glavna slika unutar wrappera */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image {
  position:relative;
  text-align:center;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
  transition:none;  /* fade rješava Woo/Flexslider */
  max-width:60%;
  height:auto;
  margin:0 auto;
}

/* =============================== */
/* RESPONSIVE BREAKPOINTS          */
/* =============================== */

/* Tablet */
@media (max-width:1024px){
  .woocommerce div.product div.images .flex-control-thumbs {
    gap:var(--thumb-gap-tablet);
  }
  .woocommerce div.product div.images .flex-control-thumbs li {
    width:var(--thumb-size-tablet);
    height:var(--thumb-size-tablet);
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    max-width:70%;
  }
}

/* Mobile */
@media (max-width:768px){
  .woocommerce div.product div.images .flex-control-thumbs {
    gap:var(--thumb-gap-mobile);
  }
  .woocommerce div.product div.images .flex-control-thumbs li {
    width:var(--thumb-size-mobile);
    height:var(--thumb-size-mobile);
  }
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    max-width:80%;
  }
}

/* ===================================================== */
/* PhotoSwipe – FORCE ikone (crne, bez pozadine, uvijek) */
/* ===================================================== */

/* 1) Neutralizuj eventualne ranije pozadine bez gašenja sprite-a */
.pswp__button--arrow--left,
.pswp__button--arrow--right,
.pswp__button--close {
  background-color: transparent !important;  /* ne koristimo background: ... */
  opacity: 1 !important;
  width: 44px;
  height: 44px;
  position: relative;               /* da ::before legne pravilno unutra */
  transition: transform .25s ease, opacity .25s ease;
}

/* 2) Podesi zajednički pseudo-element koji crta ikonu */
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before,
.pswp__button--close::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;                          /* pokrij cijelo dugme */
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px !important;
  pointer-events: none;              /* klik i dalje ide na dugme */
  opacity: 1;
}

/* 3) Ubaci eksplicitne CRNE SVG ikonice */
.pswp__button--close::before {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>\
<path d='M6 6L18 18M6 18L18 6' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/>\
</svg>");
}
.pswp__button--arrow--left::before {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>\
<polyline points='15 6 9 12 15 18' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
}
.pswp__button--arrow--right::before {
  background-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>\
<polyline points='9 6 15 12 9 18' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/>\
</svg>");
}

/* 4) Hover efekat – lagani zoom i manja neprozirnost */
.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover,
.pswp__button--close:hover {
  transform: scale(1.12);
  opacity: 0.85;
}

/* 5) Pozicije (po želji) */
.pswp__button--arrow--left { left: 30px; }
.pswp__button--arrow--right { right: 30px; }
.pswp__button--close { top: 12px; right: 12px; z-index: 10001; }


/* === PhotoSwipe arrows – force show + center + clickable === */

/* 1) Ako je negdje ostao .pswp__ui--one-slide koji skriva strelice, ignoriši ga */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right {
  display: block !important;
}

/* 2) Strelice moraju biti vidljive i klikabilne */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 10001;                 /* iznad top bara */
  position: absolute;             /* sigurnije, u slučaju da tema mijenja pozicioniranje */
  top: 50%;                       /* vertikalno centriraj */
  transform: translateY(-50%);    /* zadrži centriranje */
  width: 44px;
  height: 44px;
}

/* kad je hover, zadrži centriranje + scale */
.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover {
  transform: translateY(-50%) scale(1.12);
  opacity: 0.85;
}

/* 3) Pozicije lijevo/desno (po želji promijeni offset) */
.pswp__button--arrow--left  { left: 30px !important;  right: auto !important; }
.pswp__button--arrow--right { right: 30px !important; left:  auto !important; }

/* 4) Ako koristimo naše SVG ikonice preko ::before (prethodni korak) – pobrini se da se crtaju iznad */
.pswp__button--arrow--left::before,
.pswp__button--arrow--right::before {
  pointer-events: none;
  position: absolute;
  inset: 0;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 24px 24px !important;
  content: "";
}/* End custom CSS */