/* === 1. RESET osnovnog ponašanja linkova i dugmadi === */
a,
a span,
button,
.button,
.woodmart-nav-link,
.woodmart-nav-link span {
  text-transform: none !important;
}

/* === 2. NAVIGACIJA: Kokamar & Mega Kokamar === */
.menu-item-1782 {
  position: relative;
}

/* Sakrij stavke u lepljivoj navigaciji dok nije hover */
.wd-sticky-nav #menu-topleft-navigacija li:not(#menu-item-1563):not(.menu-item-1563) {
  opacity: 0;
}

/* Prikaži stavke prilikom hover-a ili otvorene navigacije */
.wd-sticky-nav:is(:hover, .wd-opened) #menu-topleft-navigacija li {
  opacity: 1 !important;
}

/* === 3. SVG “ruka” pored stavke menija === */
.menu-item-1782::before {
  content: '';
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' class='e-font-icon-svg e-fas-hand-point-right' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23DA2128' d='M512 199.652c0 23.625-20.65 43.826-44.8 43.826h-99.851c16.34 17.048 18.346 49.766-6.299 70.944 14.288 22.829 2.147 53.017-16.45 62.315C353.574 425.878 322.654 448 272 448c-2.746 0-13.276-.203-16-.195-61.971.168-76.894-31.065-123.731-38.315C120.596 407.683 112 397.599 112 385.786V214.261l.002-.001c.011-18.366 10.607-35.889 28.464-43.845 28.886-12.994 95.413-49.038 107.534-77.323 7.797-18.194 21.384-29.084 40-29.092 34.222-.014 57.752 35.098 44.119 66.908-3.583 8.359-8.312 16.67-14.153 24.918H467.2c23.45 0 44.8 20.543 44.8 43.826zM96 200v192c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V200c0-13.255 10.745-24 24-24h48c13.255 0 24 10.745 24 24zM68 368c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20 20-8.954 20-20z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  animation: smoothHandMove 1.5s infinite ease-in-out;
  z-index: 99;
}

/* === 4. Animacija pokreta ruke === */
@keyframes smoothHandMove {
  0%   { transform: translateY(-50%) translateX(0);  opacity: 1; }
  50%  { transform: translateY(-50%) translateX(10px); opacity: 1; }
  100% { transform: translateY(-50%) translateX(0);  opacity: 1; }
}

/* === 5. Bold font za stavku “Odaberi tip marketa” === */
#menu-item-1782 > a > span {
  font-weight: 600;
}

/* === 6. WooCommerce TVIKOVI: sakrivanje dodatnih elemenata === */
.sakrijMega1,
.sakrijRegular1 {
  display: none !important;
}

.regularKokaMar .mega-price,
.megaKokaMar .regular-price {
  display: none !important;
}

.zo-dual-price span {
  color: #242424;
}

.zo-dual-price span bdi,
.zo-dual-price span .woocommerce-Price-currencySymbol,
.zo-dual-price .uskoro-cena {
  color: #DA2128;
}

/* === 7. Prikaz cena po tipu marketa (body klasa) === */
body.marketKokaMar .mega-price {
  display: none;
}

body.marketMegaKokaMar .regular-price {
  display: none;
}

/* === 8.Početna stranica === */
1.home .wd-product.wd-hover-buttons-on-hover .product-element-bottom {
  margin-bottom: calc(var(--wd-trans-h) * -3);
}

1.home .wd-product.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown, .wd-loading)):is(:hover, .wd-variation-active)
:is(.product-element-bottom, .wd-product-grid-slider-pagin) {
  transform: translateY(calc(var(--wd-trans-h) * -3));
}

#homeProdGrid .wd-product-cats a:last-child,
.wd-product-cats.parentCatAkcija .catAkcija{
	display: none
}

.wd-product-cats.parentCatAkcija {
	color: transparent
}

/* === 9. Stilizacija dual-price sekcije === */
/* Osnovno ponašanje */
.zo-dual-price {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 14px;
}

/* Svaki market inline - naziv i cena u istom redu */
.zo-dual-price .regular-price,
.zo-dual-price .mega-price {
  display: flex;
  flex-direction: row; /* naziv i cena u istom redu */
  align-items: center;
  gap: 5px; /* razmak između naziva i cene */
}

/* Ukloni ::before jer ne treba */
.zo-dual-price .regular-price::before,
.zo-dual-price .mega-price::before {
  display: none;
}

/* Prikaži RSD valutni simbol */
.woocommerce-Price-currencySymbol {
  display: inline; /* vrati prikaz RSD */
}

/* Dodaj space pre cene */
.zo-dual-price .woocommerce-Price-amount::before {
  content: " "; /* space pre cene */
}

/* Ostali stilovi */
.zo-dual-price .regular-price del,
.zo-dual-price .mega-price del {
  color: #999;
  font-size: 13px;
}

.zo-dual-price .regular-price ins,
.zo-dual-price .mega-price ins {
  color: #DA2128;
  font-weight: 700;
  text-decoration: none;
  font-size: 15px;
}

.zo-dual-price br {
  display: none;
}

/* === 10. Hover margine za proizvode === */
1.wd-product.wd-hover-buttons-on-hover .product-element-bottom {
  margin-bottom: calc(var(--wd-trans-h) * -2);
}

1.wd-product.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown, .wd-loading)):is(:hover, .wd-variation-active)
:is(.product-element-bottom, .wd-product-grid-slider-pagin) {
  transform: translateY(calc(var(--wd-trans-h) * -2));
}

/* === 11. Stilizacija produkt-slika i tabs === */
.product-images {
  /* padding: 30px 35px 15px; */
  /* background-color: var(--bgcolor-white); */
  /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); */
  /* border-radius: var(--wd-brd-radius); */
}
.woocommerce-product-gallery {
  background: #fff;
    padding: 30px 35px 15px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: var(--wd-brd-radius);
}
.single-product-page div.product-image-summary-wrap div.product-images.wd-grid-col {
	/* max-height: 500px; */
}

.product-tabs-wrapper {
	display: none
}
.related-and-upsells{
	padding-top: var(--wd-single-spacing);
    padding-bottom: var(--wd-single-spacing);
    border-top: 1px solid var(--brdcolor-gray-300);
    border-bottom: 1px solid var(--brdcolor-gray-300);
    /* background-color: var(--bgcolor-white); */
}

/* === 12. Photoswipe galerija prilagođavanja === */
.pswp .pswp__bg {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.pswp .pswp__top-bar {
  background-color: #000 !important;
}

.pswp .pswp__img {
  background-color: var(--bgcolor-white);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: var(--wd-brd-radius);
}

/* === 13. SWITCHER (Kokamar / OBA / Mega) – bočni “toggle” panel === */
.market-switcher {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 9999;
  background: #ffffff;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 25px;
  padding: 4px;
  display: flex;
  align-items: center;
  gap: 0;
  font-family: 'Poppins', sans-serif;
}

/* Dugmad u switcheru */
.tri-state-toggle-button {
  border: none;
  background: transparent;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  border-radius: 18px;
  transition: all 0.3s ease;
  line-height: 1;
  min-height: 24px;
}

.tri-state-toggle-button:hover {
  background-color: #f2f2f2;
}

.tri-state-toggle-button.active {
  background: linear-gradient(90deg, #DA2128 0%, #a41a1f 100%);
  color: #fff;
  font-weight: 400;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

/* Tooltip */
.switcher-tooltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 1;
  visibility: visible;
  transition: all 0.4s ease;
}

.switcher-tooltip .tooltip-text {
  background: #DA2128;
  color: white;
  padding: 3px 8px;
  font-size: 11px;
  border-radius: 6px;
  white-space: nowrap;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.switcher-tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #DA2128;
  margin-top: 2px;
}

.switcher-tooltip.hide-tooltip {
  opacity: 0;
  visibility: hidden;
}

/* Responsive prilagođavanje na mobilnim uređajima */
@media (max-width: 768px) {
  .market-switcher {
	display: none!important;  
    flex-direction: column;
    left: 10px;
    right: 10px;
    bottom: 15px;
    gap: 3px;
    border-radius: 15px;
  }

  .tri-state-toggle-button {
    width: 100%;
    text-align: center;
    font-size: 13px;
    padding: 8px;
  }

  .switcher-tooltip {
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
  }
}

/* === temp: privremene izmene, ostaviti na kraju === */
.elementor-maintenance-mode .market-switcher {
  display: none;
}
/* skrivam gogole recaptha */
.grecaptcha-badge { 
	display: none!important;
    visibility: hidden !important;
}
/* Jednaka visina proizvoda - bez menjanja grid-a */
.products .product-grid-item,
.products .wd-product {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
.products .product-wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    height: 100% !important;
}

/* Naslov da ostane na vrhu, a footer se gura na dno */
.products .wd-product-header {
    flex-shrink: 0 !important;
}
/ Product element bottom da se gurne na dno /
.products .product-element-bottom,
.products .wd-product-footer {
    margin-top: auto !important;
}

/* Sadržaj između naslova i footera */
.products .product-element-top {
    display: flex !important;
    flex-direction: column !important;
}
.products .wd-product-cats,
.products .product-image-link,
.products .wd-product-thumb {
    flex-grow: 1 !important;
}
.products .product-element-bottom, .products .wd-product-footer{
    margin-top: 0!important
}

/* Tablet - 768px do 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    .products .product-grid-item,
    .products .wd-product {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }
    
    .products .product-wrapper {
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 1 !important;
        height: 100% !important;
    }
    
    .products .wd-product-header {
        flex-shrink: 0 !important;
    }
    
    .products .product-element-top {
        display: flex !important;
        flex-direction: column !important;
        flex-grow: 1 !important;
    }
    
    .products .product-element-bottom,
    .products .wd-product-footer {
        margin-top: 0 !important;
    }
}

/* Mobile - do 767px */
@media (max-width: 767px) {
    .products .product-grid-item,
    .products .wd-product {
        display: block !important;
        height: auto !important;
    }
    
    .products .product-wrapper {
        display: block !important;
        height: auto !important;
    }
    
    .products .product-element-top,
    .products .wd-product-header {
        display: block !important;
    }
    
    .products .product-element-bottom,
    .products .wd-product-footer {
        margin-top: 15px !important;
    }
}