/*
    Theme Name: Astra
    Theme URI: https://wpastra.com/
    Author: Brainstorm Force
    Author URI: http://localhost/alaska-programi/
    Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
    Template: astra
    Version: 1.0.0
    Requires at least: 5.3
    WC requires at least: 3.0
    WC tested up to: 9.6
    Tested up to: 6.8
    Requires PHP: 5.3
    License: GNU General Public License v2 or later
    License URI: https://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: astra
    Domain Path: /languages
    Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
    AMP: true
*/

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body {
  overflow: auto;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
  overflow: hidden !important;
  font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
               Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  line-height: 1.6;
  overflow: auto;
}

/* VARIABLE */
:root {
  --gap: clamp(16px, 2vw, 32px);
  --card-min: 280px;
  --clr-accent: #f37021;
  --clr-primary: #1f035e;
  --radius: 0.75rem;
  --page-w: min(1100px, 92vw); 
  --go-item-h: clamp(540px, 52vh, 560px);
  --go-item-h1: calc(50vh + 160px);
}

/* UTILS */
.crvena {
  color: red;
  font-weight: 500 !important;
}

/* Tekst container koji pominjem (kraće i jasno) */
.elementor-element-b934130 > div {
  max-width: 1100px;
  width: 90%;
  padding: 1rem;
  text-align: left;
  margin-left: 0; 
}

/* ==============================
   GoldenOrder Swiper Slider
   ============================== */

/* Wrapper */
#fancybox-container-1 > div.fancybox-bg {
  opacity: 1;
}
.fancybox-gallery-wrapper {
  overflow: visible !important; 
  position: relative !important;  
  max-width: 944px;
  object-fit: fill;
  margin: 0 auto !important; 
  padding-inline: clamp(12px, 2vw, 24px) !important;
  cursor: pointer;
  transform: none !important;
}
.fancybox-gallery-wrapper::-webkit-scrollbar {
  display: none; 
}
.fancybox-gallery-wrapper:active {
  cursor: grabbing;
}
.fancybox-gallery {
  display: flex;
  gap: 15px;
  height: 50%;
  transition: transform 0.4s ease;
  will-change: transform;
}
.fancybox-gallery a {
  flex: 0 0 256px; /* Svaka slika tačno 260px */
    overflow: hidden; /* sprječava "skakanje" slike pri hoveru */
    display: block;
    position: relative;
}

/* Play ikonica samo za video */
.fancybox-gallery a .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform:scale(1) translate(-50%, -50%);
  font-size: 3rem;
  color: white;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  pointer-events: none;
  opacity: 0.85;
  transition: 0.3s ease;
}

.fancybox-gallery a:hover .play-icon {
  background: rgba(255, 0, 0, 0.6); /* 🔴 crveni hover efekat */
  transform: translate(-50%, -50%) scale(1.1);
  opacity: 1;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.6);
}

/* Ako je trenutno otvoren video/iframe slajd, sakrij navigaciju */
.fancybox-inner:has(.fancybox-slide--video.fancybox-slide--current),
.fancybox-inner:has(.fancybox-slide--iframe.fancybox-slide--current) {
  /* navigacija i dugmići nestaju */
}
.fancybox-inner:has(.fancybox-slide--video.fancybox-slide--current) .fancybox-navigation,
.fancybox-inner:has(.fancybox-slide--iframe.fancybox-slide--current) .fancybox-navigation {
  display: none !important;
}
.fancybox-inner:has(.fancybox-slide--video.fancybox-slide--current) .fancybox-button--arrow_left,
.fancybox-inner:has(.fancybox-slide--iframe.fancybox-slide--current) .fancybox-button--arrow_left,
.fancybox-inner:has(.fancybox-slide--video.fancybox-slide--current) .fancybox-button--arrow_right,
.fancybox-inner:has(.fancybox-slide--iframe.fancybox-slide--current) .fancybox-button--arrow_right {
  display: none !important;
}




.fancybox-gallery img {
  width: 100%;
  height: 400px;
  object-fit: fill;
  display: block;
  transition: transform 0.3s ease;
  transform-origin: center center;
  will-change: transform;
}
/* Strelice */
.gallery-prev,
.gallery-next {
  opacity: 0;
  position: absolute;
  visibility: hidden;
  transition: opacity 0.6s ease;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.85); /* bijela s prozirnošću */
  color: #333;
  font-size: 28px;
  padding: 12px;
  cursor: pointer;
  z-index: 10;
  border: 1px solid #ccc;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
}
/* Kada pređeš mišem preko galerije */
.fancybox-gallery-wrapper:hover .gallery-prev,
.fancybox-gallery-wrapper:hover .gallery-next {
  opacity: 1;
  visibility: visible;
}
.gallery-prev:hover,
.gallery-next:hover {
  background-color: rgba(255, 255, 255, 0.3); 
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.gallery-prev { left: -31px; }
.gallery-next { right: -25px; }

.e-con-inner {
  cursor: pointer;
}

/* TAÄŒKICE */
.gallery-dots {
  display: flex;
  gap: 0.6rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 9999;
  visibility: visible;
  opacity: 1;
  transform: none;
  margin: 1rem 1rem 1rem 0;
}
.gallery-dots .go-dot {
  width: 12px;       
  height: 12px;      
  border-radius: 50%;
  background: #bbb;
  opacity: 0.85;
  transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
}
 .gallery-dots .go-dot.active {
      background: #111;
      opacity: 1;
      transform: scale(1.15);
    }

.dot {
  width: 10px;
  height: 10px;
  background-color: #999;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s;
}
.dot.active {
  background-color: #333;
}

/******************** FANCY BOX ****************************/
/* .fancybox-container  {
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  padding: 10px 0;
  background: rgba(0, 0, 0, -0.4);
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap;
} */
/* .fancybox-thumbs__list {
  flex-direction: row !important;
  display: flex !important;
  justify-content: flex-start;
  align-items: end;
  gap: 8px;
  margin: 0;
  padding: 0;
} */

/* .fancybox-thumbs__list a {
  width: 80px !important;
  height: 60px !important;
  border: 2px solid transparent;
  transition: border-color 0.3s;
} */

.fancybox-slide--current img {
  transform: none !important; /* Uklanja scale(0.6) */
    width: 65% !important;
    object-fit: contain !important;
    margin-left: 4rem;
}
.fancybox-button.fancybox-button--arrow_left {
  transform: translateX(21rem);
}
.fancybox-button.fancybox-button--arrow_right {
  transform: translateX(-18rem);
}

/************* MOBILNI TELEFONI ********************/
/************* MALI EKRANI *************************/
@media (max-width: 360px) {

  .posebno 
  {
    width: 70%;
    margin-left: 3.8rem;
    text-align: center;
  }
  .crvena {
    color: red;
    font-weight: 500;
  }
  .elementor-element-0ee5fda {
    margin-top: -4rem;
    margin-left: -1rem;
  }
  .fancybox-gallery-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    transform: translate3d(0rem, -3rem, 0rem);
  }
/* VEĆE, OKRUGLE STRELICE */
  .fancybox-button.fancybox-button--arrow_left,
  .fancybox-button.fancybox-button--arrow_right {
    top: 50% !important;
    width: 48px;
    height: 48px;
    background: rgba(255,255,255,0.95);
    transform: translateY(-50%) !important;
  }
/* BOJA IKONE (SVG) */
.fancybox-button.fancybox-button--arrow_left svg path,
.fancybox-button.fancybox-button--arrow_right svg path {
  fill: #111;           
  transform-origin: center;
}
.fancybox-gallery a {
  flex: 0 0 15rem;
  height: 100vw;
  display: flex;
}
.fancybox-gallery a img{
  width: 100px;
  height: 100px;
  object-fit: cover;
  display: block;
}
.gallery-next {
  position: absolute;
  right: -0.5rem;
  top: 50%;
  transform: translateY(-51%);
  z-index: 10;
  color: rgb(0, 0, 0); 
  cursor: pointer;
  border: none;
}
   .gallery-prev {
    position: absolute;
    top: 50%;
    left: -0.2rem;
    transform: translateY(-51%);
    z-index: 9999;
    color: rgb(0, 0, 0); 
    border: red;
    cursor: pointer;
    border: none;
  }
  .gallery-prev:hover, .gallery-next:hover {
    color:#000;
    padding-left: 0.5rem;
  }
}
/************* SREDNJU EKRANI MOBILNIH UREĐAJA*************************/

@media (min-width: 361px) and (max-width: 414px) {
.posebno 
{
  width: 70%;
  margin-left: 3.8rem;
  text-align: center;
}
.crvena {
  color: red;
}
.elementor-element-0ee5fda {
  margin-top: -4rem;
  margin-left: 0.5rem;
}
.fancybox-gallery-wrapper 
{
overflow: visible;
transform: translate3d(2rem, -4rem, 0rem);
} 
/* VEĆE, OKRUGLE STRELICE */
.fancybox-button.fancybox-button--arrow_left,
.fancybox-button.fancybox-button--arrow_right 
{
  top: 50% !important;
  width: 48px;
  height: 48px;
  background: rgba(255,255,255,0.95);
  transform: translateY(-50%) !important;
}
/* BOJA IKONE (SVG) */
.fancybox-button.fancybox-button--arrow_left svg path,
.fancybox-button.fancybox-button--arrow_right svg path 
{
  fill: #111;           /* promijeni po želji */
  transform-origin: center;
}
.fancybox-gallery-wrapper img  {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.gallery-wrapper img {
  width: 80% !important;
  display: block;
  object-fit: cover;
}
.gallery-next {
  position: absolute;
  top: 45%;
  transform: translateY(-51%);
  z-index: 9999;
  color: rgb(0, 0, 0); 
  cursor: pointer;
  border: none;
  right: 2rem;
}
.fancybox-slide--image.fancybox-slide--current .fancybox-image{
  width: 90% !important;
  margin: 0 auto !important;
  margin-left: 1rem !important;
}
.gallery-prev {
  position: absolute;
  top: 45%;
  transform: translateY(-51%);
  z-index: 9999;
  color: rgb(0, 0, 0); 
  cursor: pointer;
  border: none;
}
.gallery-prev:hover {
  transform: translate(9%, -50%); 
  color: #000;
  left: -2rem;
}
.gallery-prev:hover, .gallery-next:hover {
  color: #000;
}
.gallery-prev {
  left: -2rem;
}
.gallery-dots {
  position: relative;
  left: 39%;
  bottom: 0;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  gap: 0.6rem;
}
  /* .fancybox-container .fancybox-thumbs {
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  padding: 10px 0;
  background: rgba(0, 0, 0, -0.4);
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap;
} */
/* .fancybox-thumbs__list {
  flex-direction: row !important;
  display: flex !important;
  justify-content: flex-start;
  align-items: end;
  gap: 8px;
  margin: 0;
  padding: 0;
} */

/* .fancybox-thumbs__list a {
  width: 80px !important;
  height: 60px !important;
  border: 2px solid transparent;
  transition: border-color 0.3s;
} */
}
/************************ VEĆI MOBILNI TELEFONI **************************/
@media (min-width: 415px) and (max-width: 480px) {

   .posebno 
  {
    width: 73%;
    margin-left: 3.8rem;
    text-align: center;
  }
  .elementor-element-0ee5fda {
    margin-top: -4rem;
    margin-left: -2.7rem;
  }
  .fancybox-gallery-wrapper {
    width: min(1200px, 94vw);
    margin-inline: auto;
    padding-inline: clamp(12px, 2vw, 24px);
    position: relative;
    overflow: hidden !important;
    cursor: grab;
    transform: none !important;
  }
  .fancybox-gallery-wrapper img{
    max-width: 260px;
    margin-top: 1rem;
    margin-left: -4rem;   
  }
  .fancybox-gallery-wrapper a {
    display: flex;
    flex: 0 0 390px;
    justify-content: center;
  }
   .fancybox-gallery a img{
      display: flex;
      width: 30%;
  }
  .gallery-dots {
    width: 85%;
    transform:matrix(1, 0, 0, 1, 35, -9)
  }
  .gallery-next {
    position: absolute;
    right: -5rem;
    top: 46%;
    /* transform: translateY(-55%); */
    font-size: 2rem;
    color: #000; 
    cursor: pointer;
    z-index: 9999;
  }  
  .gallery-next,
  .gallery-prev {
    border: none;
    margin-right: 6rem;
    top: 50%;
  }
  .gallery-prev {
    left: 2.5rem;
  }

  .gallery-prev:hover {
    left: 2.5rem;
  }


   .gallery-next:hover,
  .gallery-prev:hover {
    color: #000;
  }
  .fancybox-slide--image.fancybox-slide--current .fancybox-image {
    width: 90% !important;
    margin: 0 auto !important;
    margin-left: 1rem !important;
  }

  /* izgled dugmeta (isto lijevo/desno) */
  .fancybox-button.fancybox-button--arrow_left,
  .fancybox-button.fancybox-button--arrow_right {
    position: fixed;                 
    top: 40% !important;
    left: 60%;
    right: 44%;
    width: 56px;
    height: 56px;
    background: rgba(255,255,255,0.95);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
    border: 1px solid rgba(0,0,0,0.1);
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
  }
  /* Fancybox: prev lijevo, next desno (prebaci pozicije i resetuj pomake) */
  .fancybox-button.fancybox-button--arrow_left,
  .fancybox-button.fancybox-button--arrow_right {
    position: fixed;
    top: 50% !important;
    transform: translateY(-50%) !important; /* uklanja prethodne translateX */
    z-index: 2147483647 !important;
  }
  .fancybox-button.fancybox-button--arrow_left {  left: 12px !important;  right: auto !important; }
  .fancybox-button.fancybox-button--arrow_right { right: 12px !important; left:  auto !important; }
  .fancybox-button.fancybox-button--arrow_left svg path,
  .fancybox-button.fancybox-button--arrow_right svg path {
    fill: #111;
  }
  .footer {
    margin-top: 0;
  }
}

/************************ VELIKI MOBILNI TELEFONI **************************/
@media (min-width: 481px) and (max-width: 600px) {
  .posebno {
    text-align: center;
  }
  .elementor-element-0ee5fda {
    margin-top: -3rem;
    margin-left: -3rem;
  }
  .fancybox-gallery-wrapper {
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    width: 100%;
    max-width: 1000px;
    margin-left: -9rem;
    margin-top: -3rem;
  }
   .fancybox-gallery-wrapper a {
    display: flex;
    justify-content: center;
   }
  .fancybox-gallery-wrapper img {
    width: 100%;
    height: auto;
    max-width: 600px;
    object-fit: cover;
  }

  /* ✅ UJEDNAČI 3. i 6. sliku s ostalima */
  .fancybox-gallery-wrapper a:nth-child(3) img,
  .fancybox-gallery-wrapper a:nth-child(6) img 
  {
    width: 50% !important;
    height: auto !important;
    max-width: 600px !important;
    object-fit: cover !important;
    margin: 0 !important;
    margin-top: 0 !important;
  }

  /* TOOLBOX */
  .fancybox-slide--image.fancybox-slide--current .fancybox-image
  {
    width: 90% !important;
    margin: 0 auto !important;
    margin-left: 1rem !important;
  }  
  .fancybox-button.fancybox-button--arrow_left,
  .fancybox-button.fancybox-button--arrow_right 
  {
    position: fixed;                 
    top: 40% !important;
    left: 60%;
    right: 44%;
    width: 56px;
    height: 56px;
    background: rgba(255,255,255,0.95);
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.18);
    border: 1px solid rgba(0,0,0,0.1);
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
  }
  /* Fancybox: prev lijevo, next desno (prebaci pozicije i resetuj pomake) */
    .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right 
    {
      position: fixed;
      top: 50% !important;
      transform: translateY(-50%) !important; /* uklanja prethodne translateX */
      z-index: 2147483647 !important;
    }
    .fancybox-button.fancybox-button--arrow_left 
    {  
      left: 12px !important;  
      right: auto !important; 
    }
    .fancybox-button.fancybox-button--arrow_right 
    { 
      right: 12px !important; 
      left:  auto !important; 
    }
    .fancybox-button.fancybox-button--arrow_left svg path,
    .fancybox-button.fancybox-button--arrow_right svg path 
    {
      fill: #111;
    }

    /* STRELICE */
    .gallery-next 
    {
      right: 94px;
    }
    .gallery-prev, .gallery-next 
    {
      top: 26%;
    }
    .gallery-next:hover 
    {
      color: #000;
    }
     .gallery.gallery-prev:hover 
     {
      color: #000;
    }
    .gallery-dots 
    {
      position: absolute;           
      bottom: 1rem;              
      left: 47%;  
      top: 3%;               
      transform: translateX(-50%);
      display: flex;
      justify-content: center;
      gap: 0.6rem;
      z-index: 9999;      
    }      
    .footer {
      margin-top: -25rem;
    }
}

/************************ MALI TABLETI / LANDSCAPE TELEFONI **************************/

@media (min-width: 601px) and (max-width: 768px) {
  .posebno 
  {
    text-align: center;
  }
   /* važno: roditelji ne smiju imati overflow ≠ visible */
  .elementor-element-b934130,
  .elementor-element-b934130 > div
  {
    overflow: visible !important;
  }
  .elementor-element-0ee5fda 
  {
    margin-top: -6rem;
  }
  .fancybox-gallery-wrapper 
  {
    position: relative;
    top: 2rem; 
    left: 1%;
    z-index: 3;
    width: min(92vw, 944px);
    
  }
 .fancybox-gallery 
 { 
    align-items: stretch !important; 
 }
  .fancybox-gallery a 
  {
    padding: 0 7.5px;
    height: auto;
    flex: 0 0 55%;
    max-width: 85%;
  }
  .fancybox-gallery a img
  {
    width: 100% !important;
    max-width: none !important;
    height: var(--go-item-h) !important;
    object-fit: fill !important;
    margin: 0 auto;
    display: block;
  }
  .fancybox-gallery a:nth-child(3) img,
  .fancybox-gallery a:nth-child(6) img 
  {
    width: 100% !important;
    max-width: 320px !important;
    object-fit: contain !important;             
    margin: 0 auto !important;
    display: block !important;
  }
  /* TOOLBOX */
    .fancybox-slide--image.fancybox-slide--current .fancybox-image
    {
      width: 90% !important;
      margin: 0 auto !important;
      margin-left: 1rem !important;
    }  
    .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right 
    {
      position: fixed;                 
      top: 40% !important;
      left: 60%;
      right: 44%;
      width: 56px;
      height: 56px;
      background: rgba(255,255,255,0.95);
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.18);
      border: 1px solid rgba(0,0,0,0.1);
      opacity: 1 !important;
      visibility: visible !important;
      z-index: 99999 !important;
      pointer-events: auto !important;
    }
     /* Fancybox: prev lijevo, next desno (prebaci pozicije i resetuj pomake) */
    .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right 
    {
      position: fixed;
      top: 50% !important;
      transform: translateY(-50%) !important; /* uklanja prethodne translateX */
      z-index: 2147483647 !important;
    }
    .fancybox-button.fancybox-button--arrow_left 
    {  
      left: 12px !important;  
      right: auto !important; 
    }
    .fancybox-button.fancybox-button--arrow_right 
    { 
      right: 12px !important; 
      left:  auto !important; 
    }
    .fancybox-button.fancybox-button--arrow_left svg path,
    .fancybox-button.fancybox-button--arrow_right svg path 
    {
      fill: #111;
    }
}

@media (min-width: 601px) and (max-width: 620px) {
  .fancybox-gallery a img {
    width: 100% !important;
    object-fit: contain !important;
  }
}

/* FIX za tablet (~768px): 2 kolone, ista visina, bez overflova */
@media (min-width: 601px) and (max-width: 820px) {
 .fancybox-gallery {
  display: flex;
 }
}

/************************ SREDNJI TABLETI  **************************/
@media (min-width: 769px) and (max-width: 900px) {
  .fancybox-gallery-wrapper 
  {
    transform: none;
    position: relative;
    margin: 0 auto;
    overflow: visible;
    margin-top: -5rem;
    margin-left: 4rem;
  }
  .fancybox-gallery a img 
  {
    display: flex;
    height: clamp(400px, 50vh, 500px);
    align-items: center;
    justify-content: center;
    object-fit: fill !important;
  }
  /* TOOLBOX */
  .fancybox-slide--image.fancybox-slide--current .fancybox-image
  {
    width: 90% !important;
    margin: 0 auto !important;
    margin-left: 1rem !important;
  }
  .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right 
    {
      position: fixed;                 
      top: 30% !important;
      left: 60%;
      right: 44%;
      width: 56px;
      height: 56px;
      background: rgba(255,255,255,0.95);
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.18);
      border: 1px solid rgba(0,0,0,0.1);
      opacity: 1 !important;
      visibility: visible !important;
      z-index: 99999 !important;
      pointer-events: auto !important;
    }  
    /* Fancybox: prev lijevo, next desno (prebaci pozicije i resetuj pomake) */
    .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right 
    {
      position: fixed;
      top: 50% !important;
      transform: translateY(-50%) !important; /* uklanja prethodne translateX */
      z-index: 2147483647 !important;
    }
    .fancybox-button.fancybox-button--arrow_left 
    {  
      left: 12px !important;  
      right: auto !important; 
    }
    .fancybox-button.fancybox-button--arrow_right 
    { 
      right: 12px !important; 
      left:  auto !important; 
    }
    .fancybox-button.fancybox-button--arrow_left svg path,
    .fancybox-button.fancybox-button--arrow_right svg path 
    {
      fill: #111;
    }
}

/* VELIKI TABLETI */
@media (min-width: 901px) and (max-width: 1024px) {
  .fancybox-gallery-wrapper 
  {
    transform: none;
    position: relative;
    margin: 0 auto;
    overflow: visible;
    margin-top: -3.7rem;
    margin-left: 3rem;
    height: auto;
  }
    .fancybox-gallery 
  {
    display: flex;
    justify-content: center;
    gap: 12px;         
  }
  .fancybox-gallery a 
  {
    flex: 0 0 calc(50% - 12px); 
    max-width: calc(50% - 12px);
    box-sizing: border-box;
  }
  .fancybox-gallery a img 
  {
    width: 100%;
    height: clamp(380px, 45vh, 460px) !important; 
    height: 550px !important;
    object-fit: inherit !important;
    display: block;
  }
  /* TOOLBOX */
  .fancybox-slide--image.fancybox-slide--current .fancybox-image
  {
    width: 90% !important;
    margin: 0 auto !important;
    margin-left: 1rem !important;
  }
  .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right 
    {
      position: fixed;                 
      top: 40% !important;
      left: 60%;
      right: 44%;
      width: 56px;
      height: 56px;
      background: rgba(255,255,255,0.95);
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.18);
      border: 1px solid rgba(0,0,0,0.1);
      opacity: 1 !important;
      visibility: visible !important;
      z-index: 99999 !important;
      pointer-events: auto !important;
    }  
     /* Fancybox: prev lijevo, next desno (prebaci pozicije i resetuj pomake) */
    .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right 
    {
      position: fixed;
      top: 50% !important;
      transform: translateY(-50%) !important; 
      z-index: 2147483647 !important;
    }
    .fancybox-button.fancybox-button--arrow_left 
    {  
      left: 12px !important;  
      right: auto !important; 
    }
    .fancybox-button.fancybox-button--arrow_right 
    { 
      right: 12px !important; 
      left:  auto !important; 
    }
    .fancybox-button.fancybox-button--arrow_left svg path,
    .fancybox-button.fancybox-button--arrow_right svg path 
    {
      fill: #111;
    }
}

/* TABLETI LANDSCAPE / MALI LAPTOPI */
@media (min-width: 1025px) and (max-width: 1280px) {
  .fancybox-gallery-wrapper 
  {
    margin-top: -2rem;
    margin-left: -5rem;
  }
    /* TOOLBOX */
  .fancybox-slide--image.fancybox-slide--current .fancybox-image{
    width: 90% !important;
    margin: 0 auto !important;
    margin-left: 1rem !important;
  }
  .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right 
    {
      position: fixed;                 
      top: 40% !important;
      left: 60%;
      right: 44%;
      width: 56px;
      height: 56px;
      background: rgba(255,255,255,0.95);
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.18);
      border: 1px solid rgba(0,0,0,0.1);
      opacity: 1 !important;
      visibility: visible !important;
      z-index: 99999 !important;
      pointer-events: auto !important;
    }  
     /* Fancybox: prev lijevo, next desno (prebaci pozicije i resetuj pomake) */
    .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right 
    {
      position: fixed;
      top: 50% !important;
      transform: translateY(-50%) !important; /* uklanja prethodne translateX */
      z-index: 2147483647 !important;
    }
    .fancybox-button.fancybox-button--arrow_left 
    {  
      left: 12px !important;  
      right: auto !important; 
    }
    .fancybox-button.fancybox-button--arrow_right 
    { right: 12px !important; left:  auto !important; }

    .fancybox-button.fancybox-button--arrow_left svg path,
    .fancybox-button.fancybox-button--arrow_right svg path {
      fill: #111;
    }
}
/* ELEMENTOR EDIT ZA DESKTOP */
@media (min-width: 1025px) {
  /* 1) U editoru sakrij sve poslije treće */
  body.elementor-editor-active .fancybox-gallery a:nth-child(n+4) {
    display: none !important;
  }
}
/********** KRAJ *************/

/* ELEMENTOR EDIT ZA TABLET */
/* Elementor editor: 2 slike (flex, mikro-gap) + DOTS ispod */
@media (max-width:1024px){
  body.elementor-editor-active .fancybox-gallery{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2px !important;                  /* još manji razmak između slika */
    justify-content: center !important;
    align-items: stretch !important;
    margin: 0 !important; padding: 0 !important;
  }
  body.elementor-editor-active .fancybox-gallery a{
    flex: 0 0 calc(50% - 1px) !important; /* 2 kolone + mikro-gap */
    max-width: calc(50% - 1px) !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  /* u editoru prikaži samo prve dvije slike */
  body.elementor-editor-active .fancybox-gallery a:nth-child(n+3){
    display: none !important;
  }

  /* --- DOTS (tvoji .gallery-dots / .go-dot) --- */
  body.elementor-editor-active .fancybox-gallery-wrapper{
    padding-bottom: 8px !important;       /* malo mjesta za dots */
  }
  body.elementor-editor-active .gallery-dots{
    display: flex !important;
    position: static !important;          /* ispod galerije */
    transform: none !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;                  /* mali razmak između dotova */
    margin: 16px auto 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 20 !important;
  }
  body.elementor-editor-active .gallery-dots .go-dot{
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    background: #bbb;
    opacity: .9;
    transition: opacity .2s ease, transform .2s ease, background .2s ease;
  }
  body.elementor-editor-active .gallery-dots .go-dot.active{
    background: #111;
    opacity: 1;
    transform: scale(1.12);
  }
  /* u editoru prikaži samo 2 dots-a (da prati dvije slike) */
  body.elementor-editor-active .gallery-dots .go-dot:nth-child(n+3){
    display: none !important;
  }
}
/******** KRAJ **************/

/* Elementor editor: MOBITEL PORTRAIT (≤767px) — 1 slika + 1 dot */
@media (max-width: 767px){
  body.elementor-editor-active .fancybox-gallery-wrapper{
    padding-bottom: 8px !important; /* malo mjesta za dots */
  }
  body.elementor-editor-active .fancybox-gallery{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: center !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.elementor-editor-active .fancybox-gallery a{
    flex: 0 0 100% !important;   /* 1 kolona */
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  /* u editoru prikaži samo prvu sliku */
  body.elementor-editor-active .fancybox-gallery a:nth-child(n+2){
    display: none !important;
  }

  /* --- DOTS (tvoji .gallery-dots / .go-dot) --- */
  body.elementor-editor-active .fancybox-gallery a{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
body.elementor-editor-active .fancybox-gallery a img{
  display: block !important;
  margin: 0 auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  transform: scale(2);
   transform-origin: center center;
}


  body.elementor-editor-active .gallery-dots{
    display: flex !important;
    position: static !important;   /* ispod galerije */
    transform: none !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 16px auto 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 20 !important;
  }
  body.elementor-editor-active .gallery-dots .go-dot{
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    background: #bbb;
    opacity: .9;
    transition: opacity .2s ease, transform .2s ease, background .2s ease;
  }
  body.elementor-editor-active .gallery-dots .go-dot.active{
    background: #111;
    opacity: 1;
    transform: scale(1.12);
  }
  /* prikaži samo 1 dot (prati 1 sliku) */
  body.elementor-editor-active .gallery-dots .go-dot:nth-child(n+2){
    display: none !important;
  }
}

/* SREDNJI LAPTOPI */
@media (min-width: 1081px) and (max-width: 1440px) {
  .fancybox-gallery-wrapper {
   display: flex;
   flex-direction: column;
   justify-content: center;
  }
   /* TOOLBOX */
  .fancybox-slide--image.fancybox-slide--current .fancybox-image{
    width: 90% !important;
    margin: 0 auto !important;
    margin-left: 1rem !important;
  }
  .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right {
      position: fixed;                 
      top: 40% !important;
      left: 60%;
      right: 44%;
      width: 56px;
      height: 56px;
      background: rgba(255,255,255,0.95);
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.18);
      border: 1px solid rgba(0,0,0,0.1);
      opacity: 1 !important;
      visibility: visible !important;
      z-index: 99999 !important;
      pointer-events: auto !important;
    }  
     /* Fancybox: prev lijevo, next desno (prebaci pozicije i resetuj pomake) */
    .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right {
      position: fixed;
      top: 50% !important;
      transform: translateY(-50%) !important; /* uklanja prethodne translateX */
      z-index: 2147483647 !important;
    }
    .fancybox-button.fancybox-button--arrow_left {  left: 12px !important;  right: auto !important; }
    .fancybox-button.fancybox-button--arrow_right { right: 12px !important; left:  auto !important; }

    .fancybox-button.fancybox-button--arrow_left svg path,
    .fancybox-button.fancybox-button--arrow_right svg path {
      fill: #111;
    }
}

/* SREDNJI LAPTOPI */
@media (min-width: 1441px) and (max-width: 1600px) {
  .fancybox-gallery-wrapper {
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-left: 7rem;
  }
}

/* DESKTOP – FULL HD */
@media (min-width: 1601px) and (max-width: 1920px) {
  .fancybox-gallery-wrapper {
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-left: 11rem;
   }
}

/* Kada je viewport jako Å¡irok (npr. kod 50% zoom), centriraj */
@media (min-width: 2400px) {
  .elementor-element-b934130 > div {
    margin: 0 auto !important; 
    text-align: left;          
  }
}

/* DESKTOP – QHD */
@media (min-width: 1921px) and (max-width: 2560px) {
  .elementor-element-b934130 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    margin: 1rem;
    margin-left: 3rem;
  }

  .fancybox-gallery-wrapper {
    display: block;
    position: relative;
    margin-left: 30rem;
   }
   /* TOOLBOX */
    .fancybox-slide--image.fancybox-slide--current .fancybox-image
    {
      width: 90% !important;
      margin: 0 auto !important;
      margin-left: 1rem !important;
    }  
    .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right 
    {
      position: fixed;                 
      top: 40% !important;
      left: 60%;
      right: 44%;
      width: 56px;
      height: 56px;
      background: rgba(255,255,255,0.95);
      border-radius: 10px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.18);
      border: 1px solid rgba(0,0,0,0.1);
      opacity: 1 !important;
      visibility: visible !important;
      z-index: 99999 !important;
      pointer-events: auto !important;
    }
     /* Fancybox: prev lijevo, next desno (prebaci pozicije i resetuj pomake) */
    .fancybox-button.fancybox-button--arrow_left,
    .fancybox-button.fancybox-button--arrow_right 
    {
      position: fixed;
      top: 50% !important;
      transform: translateY(-50%) !important; /* uklanja prethodne translateX */
      z-index: 2147483647 !important;
    }
    .fancybox-button.fancybox-button--arrow_left 
    {  
      left: 12px !important;  
      right: auto !important; 
    }
    .fancybox-button.fancybox-button--arrow_right 
    { 
      right: 12px !important; 
      left:  auto !important; 
    }
    .fancybox-button.fancybox-button--arrow_left svg path,
    .fancybox-button.fancybox-button--arrow_right svg path 
    {
      fill: #111;
    }
}