/*
 Theme Name:   Hello Elementor Child
 Template:     hello-elementor
*/

/* ZA BLOG POST KARTICE */
.my-animated-container {
    border-radius: 30px !important; /* Početno zakrivljenje */
    transition: border-radius 0.3s ease, box-shadow 0.3s ease !important; /* Glatka promena za ivice i senku */
    overflow: hidden; /* Sprečava probleme sa unutrašnjim elementima */
    box-sizing: border-box; /* Osigurava konzistentnost */
    box-shadow: 0 0px 8px 1px rgba(0, 0, 0, 0.15); /* Početni box-shadow */
}

.my-animated-container:hover {
    border-radius: 45px !important; /* Zakrivljenje kada pređeš mišem */
    box-shadow: 0 0px 14px 3px rgba(0, 0, 0, 0.15); /* Pojačana senka kada pređeš mišem */
}

.my-animated-container > * {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.my-animated-container .elementor-background-overlay {
    overflow: hidden !important;
    border-radius: 30px !important;
    transition: border-radius 0.3s ease !important;
}

.my-animated-container:hover .elementor-background-overlay {
    border-radius: 45px !important;
}

/* DRUGI STIL ZA KONTEJNERE (ispravljeno) */
.my-animated-container-1 {
  position: relative;
  z-index: 1;
  border-radius: 60px 30px 60px 30px !important;
  overflow: hidden !important;
  box-shadow: 0 0px 8px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out !important;
}

.my-animated-container-1:hover {
  border-radius: 60px !important;
  box-shadow: 0 0px 14px 3px rgba(0, 0, 0, 0.15);
}

/* Unutrašnji Elementor slojevi da nas ne zezaju */
.my-animated-container-1 .elementor-widget-wrap,
.my-animated-container-1 .elementor-background-overlay,
.my-animated-container-1 .elementor-container {
  border-radius: inherit !important;
  overflow: hidden !important;
}

/* Opcioni efekat za sliku ako postoji background */
.my-animated-container-1:hover .elementor-background-overlay {
  transform: scale(1.02);
  transition: transform 0.3s ease;
}


/* Stil za sliku sa animacijama */
.slika-float {
    display: inline-block;
    animation: lebdenje 3s ease-in-out infinite;
    transform-origin: center;
}

@keyframes lebdenje {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

/* Stil za stats - O Nama sa animacijama */
.stats-float {
    display: inline-block;
    animation: lebdenje1 3s ease-in-out infinite;
    transform-origin: center;
}

@keyframes lebdenje1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}

/*OVO JE ZA KARTICE ZA BLOG POST*/
/* Animacija i stil za JKit blog post kartice */
.jkit-post {
    border-radius: 30px !important;
    overflow: hidden;
    box-shadow: 0 0px 8px 1px rgba(0,0,0,0.15);
    transition: all 0.3s ease !important;
}

.jkit-post:hover {
    border-radius: 45px !important;
    box-shadow: 0 0px 14px 3px rgba(0,0,0,0.15);
}

/* Osiguraj da slike prate zakrivljenje */
.jkit-post .thumbnail-container img {
    border-radius: inherit !important;
    object-fit: cover;
    transition: inherit;
}

/* Opcionalno: overlay na hover preko slike */
.jkit-post .thumbnail-container::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.1); /* tamni sloj */
    opacity: 0;
    transition: opacity 0.3s ease;
}

.jkit-post:hover .thumbnail-container::after {
    opacity: 1;
}

/* Hover efekat – senka se širi */
.jkit-pagination-button a:hover:not(.disabled) {
    background: #f8f8f8;
    transform: translateY(-3px);
    box-shadow: 0 0 18px 4px rgba(0,0,0,0.2);
    color: #000;
}

/*OVO JE ZA GALERIJU NA STRANICI APARTMANI*/
.custom-gallery-item img {
  aspect-ratio : 12 / 9;   /* obavezni odnos stranica */
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  object-fit: cover;   /* popuni okvir bez razvlačenja */
  object-position: center; /* centriraj sliku */
}

.custom-gallery-item img:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.custom-gallery-item.hidden {
  display: none !important; /* sakriva element u potpunosti */
}

/*OVO JE ZA NAJMANJE SLIKE IZ GALEIRJE*/
.my-animated-container-mini {
    border-radius: 15px !important; /* Početno zakrivljenje */
    transition: border-radius 0.3s ease, box-shadow 0.3s ease !important; /* Glatka promena za ivice i senku */
    overflow: hidden; /* Sprečava probleme sa unutrašnjim elementima */
    box-sizing: border-box; /* Osigurava konzistentnost */
    box-shadow: 0 0px 8px 1px rgba(0, 0, 0, 0.15); /* Početni box-shadow */
}

.my-animated-container-mini:hover {
    border-radius: 30px !important; /* Zakrivljenje kada pređeš mišem */
    box-shadow: 0 0px 14px 3px rgba(0, 0, 0, 0.15); /* Pojačana senka kada pređeš mišem */
}

.my-animated-container-mini > * {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.my-animated-container-mini .elementor-background-overlay {
    overflow: hidden !important;
    border-radius: 15px !important;
    transition: border-radius 0.3s ease !important;
}

.my-animated-container-mini:hover .elementor-background-overlay {
    border-radius: 30px !important;
}

/*PRVI APARTMAN*/
/* Specijalna slika koja je blurovana */
.custom-gallery-item.blur-overlay img {
  filter: blur(2px) brightness(0.7);
}

/* Tekst preko slike */
.custom-gallery-item.blur-overlay::after {
  font-family: 'Roboto', sans-serif !important;
  content: "+16 fotografija";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #fff;
}

/* LIGHTBOX KONTEJNER */
.lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(3px);
  /* centriranje */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* skrivanje umesto display: none */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.lightbox.show {
  opacity: 1;
  visibility: visible;
}

/* SLIKA UNUTRA */
.lightbox-content {
  max-width: 85%;
  max-height: 80vh;
  border-radius: 45px;
  object-fit: contain;
  box-shadow: 0 8px 25px rgba(0,0,0,0.5);
  transition: transform 0.3s ease;
  /* osigurava centriranje */
  display: block;
  margin: auto;
}

/*DRUGI APARTMAN*/
/* --- SPECIJALNA SLIKA KOJA JE BLUROVANA --- */
.custom-gallery-item-1 img {
  aspect-ratio : 12 / 9;   /* obavezni odnos stranica */
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  object-fit: cover;   /* popuni okvir bez razvlačenja */
  object-position: center; /* centriraj sliku */
}

.custom-gallery-item-1 img:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.custom-gallery-item-1.hidden {
  display: none !important; /* sakriva element u potpunosti */
}

.custom-gallery-item-1.blur-overlay img {
  filter: blur(2px) brightness(0.7);
}

/* --- TEKST PREKO SLIKE --- */
.custom-gallery-item-1.blur-overlay::after {
  font-family: 'Roboto', sans-serif !important;
  content: "+8 fotografija";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: #fff;
}

/* --- LIGHTBOX KONTEJNER (samo #lightbox1) --- */
#lightbox1 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(3px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

#lightbox1.show {
  opacity: 1;
  visibility: visible;
}

/* --- SLIKA UNUTRA --- */
#lightbox1 .lightbox-content {
  max-width: 85%;
  max-height: 80vh;
  border-radius: 45px;
  object-fit: contain;
  box-shadow: 0 8px 25px rgba(0,0,0,0.5);
  transition: transform 0.3s ease;
  display: block;
  margin: auto;
}

/* --- UNIFIED STIL ZA CLOSE I STRELICE U LIGHTBOXU --- */

/* Osnovni izgled (desktop) */
.close,
.prev_1,
.next_1 {
  position: absolute;
  cursor: pointer;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5); /* više prozirno */
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background 0.3s, transform 0.2s, opacity 0.3s;
  user-select: none;
  opacity: 0.8;
}

/* Hover efekat */
.close:hover,
.prev_1:hover,
.next_1:hover {
  background: rgba(255, 255, 255, 0.7);
  opacity: 1;
}

/* Pozicije */
.close {
  top: 25px;
  right: 30px;
  font-size: 30px;
}

.prev_1 {
  left: 40px;
  top: 50%;
}

.next_1 {
  right: 40px;
  top: 50%;
}

/* --- RESPONSIVE --- */

/* Manje na telefonima */
@media (max-width: 768px) {
  .lightbox {
    background: rgba(0, 0, 0, 0.3); /* prozirnija na telefonima */
    backdrop-filter: blur(2px); /* lagani blur za lep efekat */
  }
	
  .close,
  .prev_1,
  .next_1 {
    width: 48px;
    height: 48px;
    font-size: 28px;
    background: rgba(255, 255, 255, 0.3); /* još prozirnije */
    opacity: 0.7;
  }

  /* Strelice uvek centrirane po visini slike */
  .prev_1,
  .next_1 {
    top: 50%;
    transform: translateY(-50%);
  }

  .prev_1 {
    left: 20px;
  }

  .next_1 {
    right: 20px;
  }

  .close {
    top: 20px;
    right: 20px;
  }
}



/* CAPTION */
.caption {
  margin-top: 15px;
  text-align: center;
  color: #ddd;
  font-size: 16px;
  font-style: italic;
}


/*ZA UTISKE GOSTIJU*/
/* Uniforman izgled logoa u testimonialima */
.elementskit-client_logo {
  width: auto; /* fiksna širina za sve logoe */
  aspect-ratio: 4 / 3; /* svi kvadratni */
  overflow: hidden; /* da ništa ne viri */
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-top-right-radius: 60px;
}

/* Sama slika unutar kontejnera */
.elementskit-client_logo img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* popunjava prostor bez razvlačenja */
  border-radius: inherit; /* preuzima oblik od roditelja */
  display: block;
}

.elementskit-client_logo:hover img {
  transform: scale(1.03);
}

/* Boja linije (male crtice) ispod i iznad testimoniala */
.elementskit-border-hr {
  background-color: #8AA45C !important; /* zelena umesto plave */
}

.elementskit-single-testimonial-slider.ekit_testimonial_style_2:hover {
  border-color: #8AA45C !important;
}

/*OVO JE ZA GALERIJU ZA USPRAVNE SLIKE*/
/*OVO JE ZA GALERIJU NA STRANICI APARTMANI*/
.custom-gallery-item2 img {
  aspect-ratio : 9/14;   /* obavezni odnos stranica */
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  object-fit: cover;   /* popuni okvir bez razvlačenja */
  object-position: center; /* centriraj sliku */
}

.custom-gallery-item2 img:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

.custom-gallery-item2.hidden {
  display: none !important; /* sakriva element u potpunosti */
}

/*OVO JE ZA PROVIDNI KONTEJNER SA IVICAMA*/
.my-animated-container3 {
    border-radius: 30px !important; /* Početno zakrivljenje */
    overflow: hidden; /* Sprečava probleme sa unutrašnjim elementima */
    box-sizing: border-box; /* Osigurava konzistentnost */
}

.my-animated-container3 > * {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.my-animated-container3 .elementor-background-overlay {
    overflow: hidden !important;
    border-radius: 30px !important;
}

/* DODATNA POBOLJŠANJA ZA LIGHTBOX */
.lightbox-content {
  border-radius: 40px !important; /* izraženije zaobljenje */
  transition: transform 0.3s ease, opacity 0.3s ease, border-radius 0.3s ease !important;
}

/* Efekat pri otvaranju */
.lightbox.show .lightbox-content {
  transform: scale(1);
  opacity: 1;
}

/* Efekat zatvaranja */
.lightbox:not(.show) .lightbox-content {
  transform: scale(0.95);
  opacity: 0;
}

/*FOOTER PRIMARY MENU*/
.footer_nav_clean {
  display: flex;
  flex-direction: column;
  gap: 10px; /* razmak između linkova */
  text-align: left;
}

.footer_nav_clean a {
  color: #ffffff; /* bela slova */
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  transition: opacity 0.2s ease;
}

.footer_nav_clean a:hover {
  color: #ffffff; /* bela slova */
  opacity: 0.5; /* lagani hover efekat */
}

/* Mobilni: centrirano */
@media (max-width: 767px) {
  .footer_nav_clean {
    text-align: center;
    align-items: center;
  }
}

/* ZA BLOG POST KARTICE - GLASS VARIJANTA */
.my-animated-container-glass {
    border-radius: 30px !important;
    transition: border-radius 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 0 0px 8px 1px rgba(0, 0, 0, 0.1);
    
    /* Glass effect */
    background: rgba(255, 255, 255, 0.05); /* providnost stakla */
    backdrop-filter: blur(4px); /* zamućenje pozadine */
    -webkit-backdrop-filter: blur(4px); /* Safari podrška */
}

.my-animated-container-glass:hover {
    border-radius: 45px !important;
    box-shadow: 0 0px 14px 3px rgba(0, 0, 0, 0.2);
    background: rgba(255, 255, 255, 0.1); /* malo jači glass efekat na hover */
}

.my-animated-container-glass > * {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.my-animated-container-glass .elementor-background-overlay {
    overflow: hidden !important;
    border-radius: 30px !important;
    transition: border-radius 0.3s ease !important;
}

.my-animated-container-glass:hover .elementor-background-overlay {
    border-radius: 45px !important;
}

/* Mobilni prikaz - skini padding sa liste i proširi je */
@media (max-width: 768px) {
    .dani-opis {
        text-align: center !important;
    }
    
    .dani-opis ul,
    .dani-opis ol {
        padding-left: 0 !important;
        margin-left: -5% !important;
        margin-right: -5% !important;
        width: 110% !important;
        list-style-position: inside !important;
    }
    
    .dani-opis li {
        padding-left: 0 !important;
        text-indent: 0 !important;
    }
}




/* === GLAVNI KONTEJNER === */
.accordion {
  border-radius: 30px !important;
  transition: border-radius 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
  overflow: hidden !important; /* omogući da dugme bude izvan granica */
  box-sizing: border-box;
  box-shadow: 0 0px 8px 1px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  width: 100%;
  margin: 0 auto;
	  padding-bottom: 80px; /* Dodao prostor za dugme */

  position: relative;
}

/* === Dugme toggle === */
.accordion-toggle {
  position: absolute;
  bottom: 1.5em; /* lagano podignuto iznad ivice */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;

  padding: 0.9em 2.3em; /* veći unutrašnji razmak */
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  font-weight: 500;
  color: #ffffff;

  background-color: #031602; /* tamnozelena pozadina */
  border: 0.125em solid #031602;
  border-radius: 2.5em;
  cursor: pointer;
  transition: all 0.35s ease;
  box-shadow: 0 0.25em 0.9em rgba(3, 22, 2, 0.3);
}

/* Hover efekat */
.accordion-toggle:hover {
  background-color: transparent; /* postaje providno */
  color: #031602; /* zelena boja teksta */
  border-radius: 3.5em; /* blago povećanje ivica */
  box-shadow: 0 0.35em 1.1em rgba(3, 22, 2, 0.25);
  transform: translateX(-50%) scale(1.04); /* lagano povećanje */
}

/* Strelica unutar dugmeta */
.accordion-toggle .arrow-icon {
  width: 1.2em;
  height: 1.2em;
  stroke: currentColor;
  transition: transform 0.3s ease;
}

/* Kada se otvori accordion */
.accordion.active .accordion-toggle .arrow-icon {
  transform: rotate(180deg);
}

/* === Sadržaj prvog dana === */
.first-day {
  opacity: 1;
  padding: 20px;
  margin-bottom: 0;
}

/* === Ostali dani === */
.accordion-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.6s ease, opacity 0.4s ease, padding 0.3s ease;
  padding: 0 20px;
  margin: 0;
}

/* Kada je otvoren — prikaži */
.accordion.active .accordion-content {
  max-height: 5000px;
  opacity: 1;
  padding: 20px;
  margin-bottom: 10px;
}

/* Rešenje za prazan prostor ispod zatvorenog accordiona */
.accordion:not(.active) .accordion-content {
  display: none;
}

/* === Responsive prilagođavanje === */
@media (max-width: 1024px) {
  .accordion-toggle {
    font-size: 1em;
    padding: 0.8em 2em;
    bottom: 1.2em;
  }
}

@media (max-width: 768px) {
  .accordion-toggle {
    width: 90%; /* zauzima 90% širine ekrana */
    max-width: none;
    font-size: 0.95em;
    padding: 1em;
    bottom: 1.2em;
    border-radius: 1.8em;
    transform: translateX(-50%) scale(1); /* zadrži centriranje */
  }
}





/* Ukloni sve animacije na mobilnim uređajima */
@media (max-width: 768px) {
  .elementor-invisible {
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }
  
  [data-settings*="animation"] {
    animation: none !important;
    opacity: 1 !important;
  }
  
  .elementor-widget.elementor-invisible,
  .elementor-element.elementor-invisible,
  .e-con.elementor-invisible {
    opacity: 1 !important;
    animation: none !important;
    animation-delay: 0s !important;
  }
  
  /* Forsira prikaz svih elemenata odmah */
  .elementor-invisible[data-settings*="fadeIn"],
  .elementor-invisible[data-settings*="bounce"],
  .elementor-invisible[data-settings*="zoom"] {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
  }
}

/*rasprodato slika*/
.rasprodato-kontejner {
  position: relative;
  overflow-x: hidden; /* Iseca samo levo-desno */
  overflow-y: visible; /* Gore-dole je vidljivo */
}

/*SUBMENU HOVER HIDE*/
/* Primorava podmeni da poštuje zaobljene ivice i seče pozadinu koja štrči */
.elementor-element-5eed3957 .sub-menu {
    overflow: hidden !important;
    border-radius: 20px 40px 20px 20px !important; /* Prati tvoja podešavanja iz koda: top 20, right 40, bottom 20, left 20 */
}

/* Opciono: fiks za hover efekat na stavkama menija ako i dalje štrči */
.elementor-element-5eed3957 .sub-menu .hfe-sub-menu-item {
    border-radius: 0 !important; /* Ovo osigurava da unutrašnje stavke ne kvare spoljni radius */
}