/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.1.1747126702
Updated: 2025-05-13 10:58:22
*/

/* ================================================
   VARIABLE PRODUCT FIX — SAMO ZA TAJ GUMB
   ================================================ */

/* 1) Stavi gumb u isti red s ikonicama */
.products .product .button.krm-icon-btn.product_type_variable {
    display: inline-flex !important;
    vertical-align: middle !important;
    margin-left: 8px !important; /* razmak desno od QV/WL */
}

/* .krm-card-icons mora biti inline da primi gumb */
.products .product .krm-card-icons {
    display: inline-flex !important;
    vertical-align: middle !important;
}

/* 2) Stil variable gumba da izgleda kao QV + WL */
.products .product .button.krm-icon-btn.product_type_variable {
    width: 46px !important;
    height: 46px !important;
    padding: 0 !important;

    background: #fff !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 12px !important;

    justify-content: center !important;
    align-items: center !important;
}

/* 3) Ikona default #6f6f6f */
.products .product .button.krm-icon-btn.product_type_variable svg path {
    fill: #6f6f6f !important;
}

/* 4) Hover / active = samo ikona #eca55c */
.products .product .button.krm-icon-btn.product_type_variable:hover svg path {
    fill: #eca55c !important;
}

/* 5) Centriraj SVG */
.products .product .button.krm-icon-btn.product_type_variable svg {
    width: 22px !important;
    height: 22px !important;
    display: block !important;
    margin: auto !important;
}


/* ===== Quantity Container - normalna visina ===== */
.wc-block-components-quantity-selector {
    display: inline-flex !important;
    align-items: center !important;
    overflow: hidden;
}

/* ===== Input number ===== */
.wc-block-components-quantity-selector__input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: 35px !important;
    font-size: 16px !important;
    padding: 0 10px !important;
}

.wc-block-components-quantity-selector__input:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===== Plus / Minus gumbi ===== */
.wc-block-components-quantity-selector__button {
    background: transparent !important;
    border: none !important;
    width: 36px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: none !important;
}

/* Makni Woo overlay hover pozadinu */
.wc-block-components-quantity-selector__button::before {
    display: none !important;
}

/* ===== Ikone + / - ===== */
.wc-block-components-quantity-selector__button svg {
    width: 16px !important;
    height: 16px !important;
    fill: #000 !important;
    transition: fill 0.1s linear !important;
}

/* ===== Hover samo boja ikone (#eca55c) — BEZ pozadine ===== */
.wc-block-components-quantity-selector__button:hover svg {
    fill: #eca55c !important;
    background: transparent !important;
	outline: none !important;
}

/* Klik (active) da se odmah promijeni – bez čekanja */
.wc-block-components-quantity-selector__button:active svg {
    fill: #eca55c !important;
	outline: none !important;
}


/* Ispravi razvučeni naslov u Checkout sažetku narudžbe */
.wc-block-components-product-name {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    word-break: break-word !important;
}

.wc-block-components-product-metadata__description {
	font-weight: 300 !important;
	font-size: 14px !important;
}

.wc-block-cart-item__remove-link {
	margin-left: 10px !important;
	text-decoration: none !important;
}

/* Sakrij originalni tekst, ali ostavi element vidljiv */
.wc-block-components-totals-footer-item-tax {
    font-size: 0 !important;
}

/* Ubaci novi tekst */
.wc-block-components-totals-footer-item-tax::before {
    content: "Uključen PDV";
    font-size: 14px !important;
}


/* ============================================
   Quantity dizajn - čiste ikone + hover boja
   ============================================ */

/* makni plavi outline kad se klikne u polje */
.single-product .krm-qty input.qty:focus,
.single-product .krm-qty button:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* gumbi – bez pozadine, crni znakovi */
.single-product .krm-qty button {
  background: transparent !important;
  color: #000 !important;
  border: none !important;
  transition: color 0.2s ease;
}

/* hover – narančasta (#ECA55C) */
.single-product .krm-qty button:hover {
  color: #ECA55C !important;
  background: transparent !important;
}

/* aktivni gumb ili kad se drži klik */
.single-product .krm-qty button:active {
  transform: scale(0.95);
}

/* input – makni obrub unutar okvira */
.single-product .krm-qty input.qty {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  color: #000 !important;
  font-weight: 600;
}

/* okvir oko cijelog qty polja */
.single-product .krm-qty {
  border: 1px solid #e6e6e6 !important;
  border-radius: 10px !important;
  overflow: hidden;
  background: #fff !important;
}
/* SAMO naslovna — SAMO desktop */
@media (min-width: 1024px) {

  /* početno stanje (vrh stranice) */
  body.home #header-main,
  body.home .elementor-location-header .elementor-section {
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
  }

  body.home #header-main a,
  body.home #header-main .elementor-icon,
  body.home #header-main .menu-item a,
  body.home .elementor-location-header .elementor-section a,
  body.home .elementor-location-header .elementor-section .elementor-icon,
  body.home .elementor-location-header .elementor-section .menu-item a {
    color: #ffffff !important; /* bijelo na transparentnom */
    transition: color 0.3s ease;
  }

  /* SCROLLED stanje — hvatamo i .is-scrolled i Elementor sticky efekte */
  body.home.header-scrolled #header-main,
  body.home #header-main.is-scrolled,
  body.home .elementor-location-header .elementor-section.is-scrolled,
  body.home .elementor-sticky--effects #header-main {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  }

  body.home.header-scrolled #header-main a,
  body.home #header-main.is-scrolled a,
  body.home .elementor-location-header .elementor-section.is-scrolled a,
  body.home .elementor-sticky--effects #header-main a,
  body.home.header-scrolled #header-main .elementor-icon,
  body.home #header-main.is-scrolled .elementor-icon,
  body.home .elementor-location-header .elementor-section.is-scrolled .elementor-icon,
  body.home .elementor-sticky--effects #header-main .elementor-icon,
  body.home.header-scrolled #header-main .menu-item a,
  body.home #header-main.is-scrolled .menu-item a,
  body.home .elementor-location-header .elementor-section.is-scrolled .menu-item a,
  body.home .elementor-sticky--effects #header-main .menu-item a {
    color: #000000 !important; /* crno na bijeloj pozadini */
  }

  /* MINI CART — početno (vrh) */
  body.home #header-main .elementor-menu-cart__toggle_button,
  body.home #header-main .elementor-menu-cart__toggle_button .elementor-button-text,
  body.home #header-main .elementor-menu-cart__toggle_button .woocommerce-Price-amount,
  body.home .elementor-location-header .elementor-section .elementor-menu-cart__toggle_button,
  body.home .elementor-location-header .elementor-section .elementor-menu-cart__toggle_button .elementor-button-text,
  body.home .elementor-location-header .elementor-section .elementor-menu-cart__toggle_button .woocommerce-Price-amount {
    color: #ffffff !important;
  }

  body.home #header-main .elementor-menu-cart__toggle_button .e-font-icon-svg,
  body.home #header-main .elementor-menu-cart__toggle_button .e-font-icon-svg path,
  body.home .elementor-location-header .elementor-section .elementor-menu-cart__toggle_button .e-font-icon-svg,
  body.home .elementor-location-header .elementor-section .elementor-menu-cart__toggle_button .e-font-icon-svg path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }

  body.home #header-main .elementor-menu-cart__toggle_button .elementor-button-icon-qty,
  body.home .elementor-location-header .elementor-section .elementor-menu-cart__toggle_button .elementor-button-icon-qty {
    background: #ffffff;
    color: #000000;
  }

  /* MINI CART — scrolled (bilo koji od tri načina) */
  body.home.header-scrolled #header-main .elementor-menu-cart__toggle_button,
  body.home #header-main.is-scrolled .elementor-menu-cart__toggle_button,
  body.home .elementor-location-header .elementor-section.is-scrolled .elementor-menu-cart__toggle_button,
  body.home .elementor-sticky--effects #header-main .elementor-menu-cart__toggle_button {
    color: #000000 !important;
  }

  body.home.header-scrolled #header-main .elementor-menu-cart__toggle_button .e-font-icon-svg,
  body.home #header-main.is-scrolled .elementor-menu-cart__toggle_button .e-font-icon-svg,
  body.home .elementor-location-header .elementor-section.is-scrolled .elementor-menu-cart__toggle_button .e-font-icon-svg,
  body.home .elementor-sticky--effects #header-main .elementor-menu-cart__toggle_button .e-font-icon-svg,
  body.home.header-scrolled #header-main .elementor-menu-cart__toggle_button .e-font-icon-svg path,
  body.home #header-main.is-scrolled .elementor-menu-cart__toggle_button .e-font-icon-svg path,
  body.home .elementor-location-header .elementor-section.is-scrolled .elementor-menu-cart__toggle_button .e-font-icon-svg path,
  body.home .elementor-sticky--effects #header-main .elementor-menu-cart__toggle_button .e-font-icon-svg path {
    fill: #000000 !important;
    stroke: #000000 !important;
  }

  body.home.header-scrolled #header-main .elementor-menu-cart__toggle_button .elementor-button-icon-qty,
  body.home #header-main.is-scrolled .elementor-menu-cart__toggle_button .elementor-button-icon-qty,
  body.home .elementor-location-header .elementor-section.is-scrolled .elementor-menu-cart__toggle_button .elementor-button-icon-qty,
  body.home .elementor-sticky--effects #header-main .elementor-menu-cart__toggle_button .elementor-button-icon-qty {
    background: #000000;
    color: #ffffff;
  }
}


/* sakrij "Vidi košaricu / View cart" link uz ikone */
.krm-card-icons .added_to_cart,
.products .product .added_to_cart {
  display: none !important;
}

/* Sakrij "Vidi košaricu" link nakon dodavanja u košaricu */
.added_to_cart,
.woocommerce a.added_to_cart,
.krm-card-icons .added_to_cart {
  display: none !important;
  visibility: hidden !important;
}

/* Sakrij kvačicu (✔) koja se pojavi na gumbu kad je dodano u košaricu */
.woocommerce a.button.added::after,
.krm-card-icons a.button.added::after,
.krm-icon-btn.added::after {
  display: none !important;
  content: none !important;
}

/* Spriječi promjenu boje ili teksta kod dodavanja */
.krm-icon-btn.added,
.krm-icon-btn.is-added {
  background: #ECA55C !important;
  border-color: #ECA55C !important;
}
.krm-icon-btn.added svg path,
.krm-icon-btn.is-added svg path {
  fill: #fff !important;
}


#home-products .krm-card-icons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  margin: 12px auto 0 !important;
}
#home-products .krm-card-icons a.button,
#home-products .krm-card-icons .woosw-btn,
#home-products .krm-card-icons .woosq-btn {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  border: 1px solid #e6e6e6 !important;
  background: #fff !important;
}


/* uvijek jedan red */
.products .product .krm-card-icons,
.related.products .product .krm-card-icons,
.elementor-widget-woocommerce-product-related .krm-card-icons{
  display:flex !important;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
  white-space:nowrap;
}
.products .product .krm-card-icons > *{ margin:0 !important; }

/* ujednači sve ikone (QV, WL, ATC) */
.woosq-btn, .woosw-btn, .krm-icon-btn{
  display:inline-flex !important;
  justify-content:center; align-items:center;
  width:46px !important; height:46px !important; min-width:46px !important;
  padding:0 !important; line-height:1 !important;
  border:1px solid #e6e6e6 !important;
  border-radius:10px !important;
  background:#fff !important; color:#6f6f6f !important;
}
.krm-icon-btn svg{ width:22px; height:22px; display:block; }
.krm-icon-btn svg path{ fill:#6f6f6f !important; }
.woosq-btn .woosq-btn-icon, .woosw-btn .woosw-btn-icon{ color:#6f6f6f !important; }

/* hover svi = #ECA55C */
.woosq-btn:hover, .woosw-btn:hover, .krm-icon-btn:hover{
  border-color:#ECA55C !important;
  background:#fff !important;
  color:#ECA55C !important;
  transform:translateY(-1px);
}
.krm-icon-btn:hover svg path{ fill:#fff !important; }
.woosw-btn.woosw-added, .woosw-btn.woosw-added:hover{
  background:#fff !important; border-color:#ECA55C !important; color:#ECA55C !important;
}

/* spriječi width:100% od teme */
.products .product .button,
.related.products .product .button,
.elementor-widget-woocommerce-product-related .button{
  width:auto !important;
  margin-top:0 !important;
}

/* Naslovnica – Elementor Products widget: red uvijek centriran, bez 100% širine */
.elementor-widget-woocommerce-products .krm-card-icons,
.elementor-wc-products .krm-card-icons{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  margin:12px auto 0 !important;
  width:auto !important;
}

.elementor-widget-woocommerce-products .krm-card-icons a.button,
.elementor-widget-woocommerce-products .krm-card-icons .woosw-btn,
.elementor-widget-woocommerce-products .krm-card-icons .woosq-btn,
.elementor-wc-products .krm-card-icons a.button,
.elementor-wc-products .krm-card-icons .woosw-btn,
.elementor-wc-products .krm-card-icons .woosq-btn{
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:46px !important; height:46px !important; min-width:46px !important;
  flex:0 0 46px !important;
  padding:0 !important; margin:0 !important;
  border-radius:10px !important; border:1px solid #e6e6e6 !important;
  background:#fff !important; line-height:1 !important;
}

/* Pregazi stilove koji guraju .button na 100% širine unutar widgeta */
.elementor-widget-woocommerce-products .products li.product .button,
.elementor-wc-products .products li.product .button{
  width:auto !important;
}


/* === 1) Red ikona centriran u kartici === */
.products .product .krm-card-icons,
.related.products .product .krm-card-icons,
.elementor-widget-woocommerce-product-related .krm-card-icons{
  display:flex !important;
  justify-content:center !important;   /* SREDINA */
  align-items:center !important;
  gap:8px;
  flex-wrap:nowrap;
  white-space:nowrap;
  margin:12px auto 0 !important;       /* centriraj blok */
}
.products .product .krm-card-icons > *{ margin:0 !important; }

/* === 2) Ujednačene tipke (ikonice) === */
.woosq-btn, .woosw-btn, .krm-icon-btn{
  display:inline-flex !important;
  justify-content:center; align-items:center;
  width:46px !important; height:46px !important; min-width:46px !important;
  padding:0 !important; line-height:1 !important;
  border:1px solid #e6e6e6 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:#6f6f6f !important;
}

/* Košarica (SVG) – osnovna i hover boja */
.krm-icon-btn svg{ width:22px; height:22px; display:block; }
.krm-icon-btn svg path{ fill:#6f6f6f !important; }
.krm-icon-btn:hover{ background:#fff !important; border-color:#ECA55C !important; color: #ECA55C !important }
.krm-icon-btn:hover svg path{ fill:#ECA55C !important; }

/* Quick View / Wishlist – podebljaj i :before varijante da postanu BIJELE na hoveru */
.woosq-btn .woosq-btn-icon,
.woosq-btn .woosq-btn-icon:before,
.woosw-btn .woosw-btn-icon,
.woosw-btn .woosw-btn-icon:before{
  color:#6f6f6f !important;
}
.woosq-btn:hover,
.woosw-btn:hover{
  background:#ECA55C !important;
  border-color:#ECA55C !important;
}
.woosq-btn:hover .woosq-btn-icon,
.woosq-btn:hover .woosq-btn-icon:before,
.woosw-btn:hover .woosw-btn-icon,
.woosw-btn:hover .woosw-btn-icon:before{
  color:#fff !important;               /* bijela ikona na hoveru */
}

/* Wishlist “dodano” – ostani obojen i bijela ikona */
.woosw-btn.woosw-added, .woosw-btn.woosw-added:hover{
  background:#ECA55C !important; border-color:#ECA55C !important; color:#fff !important;
}
.woosw-btn.woosw-added .woosw-btn-icon,
.woosw-btn.woosw-added .woosw-btn-icon:before{
  color:#fff !important;
}

/* Ako tema gura .button na 100% širine – poništi */
.products .product .button,
.related.products .product .button,
.elementor-widget-woocommerce-product-related .button{
  width:auto !important;
  margin-top:0 !important;
}

/* ===============================
   AKTIVNE IKONE – KOŠARICA I WISHLIST
   =============================== */

/* — Kad je proizvod dodan u košaricu — */
.krm-icon-btn.added,
.krm-icon-btn.is-added {
  background: #fff !important;
  border-color: #ECA55C !important;
}
.krm-icon-btn.added svg path,
.krm-icon-btn.is-added svg path {
  fill: #ECA55C !important;
}

/* — Kad je proizvod dodan u Wishlist — */
.woosw-btn.woosw-added {
  background: #fff !important;
  border-color: #ECA55C !important;
}
.woosw-btn.woosw-added .woosw-btn-icon,
.woosw-btn.woosw-added .woosw-btn-icon::before {
  color: #ECA55C !important;
}

/* — Hover efekti ostaju u istoj boji — */
.krm-icon-btn.added:hover,
.krm-icon-btn.is-added:hover,
.woosw-btn.woosw-added:hover {
  border-color: #ECA55C !important;
  background: #fff !important;
  box-shadow: 0 2px 5px rgba(236,165,92,0.3) !important;
}

/* 1) sve ikone u istom redu */
.products .product .krm-card-icons,
.related.products .product .krm-card-icons,
.elementor-widget-woocommerce-product-related .krm-card-icons{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
  margin:12px auto 0 !important;
  width:auto !important;
}

/* 2) poništi 100 % širinu koju tema daje gumbu */
.products .product .krm-card-icons a.button,
.products .product .krm-card-icons .woosw-btn,
.products .product .krm-card-icons .woosq-btn{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  flex:0 0 auto !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:10px !important;
  border:1px solid #e6e6e6 !important;
  background:#fff !important;
}

/* 3) hover narančasti s bijelom ikonom */
.products .product .krm-card-icons a.button:hover,
.products .product .krm-card-icons .woosw-btn:hover,
.products .product .krm-card-icons .woosq-btn:hover{
  background:#fff !important;
  border-color:#ECA55C !important;
  transform:translateY(-1px);
}
.products .product .krm-card-icons a.button:hover svg path,
.products .product .krm-card-icons .woosw-btn:hover .woosw-btn-icon:before,
.products .product .krm-card-icons .woosq-btn:hover .woosq-btn-icon:before{
  fill:#ECA55C !important;
  color:#ECA55C !important;
}

/* 4) dodatno – onemogući temin .button{width:100%} */
.products .product .button{
  width:auto !important;
}


/* === QUICK VIEW (WPClever) — Lafaboo look === */

/* Kontenjer i layout */
.woosq-popup.view-details{
  max-width: 980px !important; width: 92%;
  background:#fff; border-radius:12px; overflow:hidden;
  box-shadow:0 10px 40px rgba(0,0,0,.15);
  position:relative;
}
.woosq-popup .woocommerce.single-product{
  display:flex; gap:40px; padding:40px;
}
.woosq-popup .thumbnails{ width:46%; }
.woosq-popup .summary{ width:54%; display:flex; flex-direction:column; }

/* Naslov + cijena */
.woosq-popup .product_title{ font-size:22px; line-height:1.3; margin:0 0 12px; color:#222; }
.woosq-popup .price{ margin:0 0 18px; }
.woosq-popup .price, .woosq-popup .price bdi{ color:#333 !important; font-weight:700; font-size:20px; }

/* SKU i kategorija – svaki u svoj red */
.woosq-popup .product_meta{ margin:0 0 18px; color:#555; font-size:14px; }
.woosq-popup .product_meta > span{ display:block; line-height:1.5; }
.woosq-popup .product_meta .sku_wrapper,
.woosq-popup .product_meta .posted_in{ display:block; }

/* Količina + gumb */
.woosq-popup form.cart{ display:flex; align-items:center; gap:14px; margin:0 0 8px; }
.woosq-popup .quantity input.qty{
  width:64px; height:42px; text-align:center;
  border:1px solid #ddd; border-radius:8px;
}

/* “Dodaj u košaricu” – boje tražene: #e54768 / hover #fdbc4d */
.woosq-popup .single_add_to_cart_button{
  background:#ECA55C !important; color:#fff !important;
  border:none; border-radius:10px; padding:11px 22px;
  font-weight:700; letter-spacing:.2px; transition:.2s;
}
.woosq-popup .single_add_to_cart_button:hover{
  background:#fdbc4d !important; color:#1f1f1f !important;
}

/* Link na dnu (“Pogledaj detaljan opis”) – poravnat desno kao na primjeru */
.woosq-popup .view-details-btn{
  position:absolute; right:40px; bottom:18px;
  font-size:13px; text-transform:uppercase; letter-spacing:.4px;
  color:#6b6b6b; text-decoration:none; border-bottom:1px solid #dcdcdc;
  padding-bottom:2px;
}
.woosq-popup .view-details-btn:hover{ color:#333; border-color:#bbb; }

/* FIX: dupli X na Quick Viewu */
.mfp-wrap.mfp-woosq .mfp-close:before,
.mfp-wrap.mfp-woosq .mfp-close:after{
  content: none !important;   /* makni ikone koje tema ubacuje */
}

/* naš izgled X gumba (ostaje jedan) */
.mfp-wrap.mfp-woosq .mfp-close{
  position:absolute; top:12px; right:12px;
  width:36px !important; height:36px !important; line-height:36px !important;
  border-radius:50%; background:#fff; color:#555 !important;
  border:1px solid #eee; box-shadow:0 2px 10px rgba(0,0,0,.1);
  opacity:1 !important; font-size:20px !important; text-align:center; transition:.2s;
}
.mfp-wrap.mfp-woosq .mfp-close:hover{ background:#f3f3f3; color:#222 !important; }


/* Slika */
.woosq-popup .thumbnails img{ width:100%; height:auto; border-radius:12px; object-fit:contain; }

/* Responsivno */
@media (max-width: 768px){
  .woosq-popup .woocommerce.single-product{ flex-direction:column; padding:22px; gap:18px; }
  .woosq-popup .thumbnails, .woosq-popup .summary{ width:100%; }
  .woosq-popup .view-details-btn{ right:22px; bottom:12px; }
}

/* --- SLIKA: centriranje i visina bez rezanja --- */
.woosq-popup .thumbnails{
  width:46%;
  display:flex;                 /* vertikalno poravnanje */
  align-items:center;
  justify-content:center;
  min-height: 420px;            /* radna visina lijeve kolone */
  overflow:hidden;              /* nikad preko ruba */
}
.woosq-popup .thumbnails .images,
.woosq-popup .thumbnails .thumbnail{ width:100%; display:flex; align-items:center; justify-content:center; }
.woosq-popup .thumbnails img{
  max-width:100%;
  max-height: 420px;            /* kontrola da ne “izleti” dolje */
  height:auto;
  object-fit:contain;
  display:block;
}

/* --- DONJI LINK: desno, bez “crnog gumba” --- */
.woosq-popup.view-details{ padding-bottom:56px; } /* malo mjesta za link */
.woosq-popup .view-details-btn{
  position:absolute; right:40px; bottom:18px;
  display:inline-block !important;
  width:auto !important;
  background:transparent !important;
  color:#6b6b6b; border:0; box-shadow:none !important;
  text-transform:uppercase; font-size:13px; letter-spacing:.4px;
  text-decoration:none; border-bottom:1px solid #dcdcdc; padding:0 0 2px 0 !important;
}
.woosq-popup .view-details-btn:hover{ color:#333; border-color:#bbb; }

/* --- Gumb Dodaj u košaricu: boje i hover --- */
.woosq-popup .single_add_to_cart_button{
  background:#ECA55C !important; color:#fff !important;
  border:none; border-radius:10px; padding:11px 22px; font-weight:700; transition:.2s;
}
.woosq-popup .single_add_to_cart_button:hover{
  background:#ECA55C !important; color:#1f1f1f !important;
}

/* --- Cijena, SKU i kategorije (svaki red) --- */
.woosq-popup .price, .woosq-popup .price bdi{ color:#333 !important; }
.woosq-popup .product_meta{ margin:0 0 18px; color:#555; font-size:14px; }
.woosq-popup .product_meta > span{ display:block; line-height:1.5; }  /* sku i kategorije u svojim redovima */

/* --- Close (X) stabilizacija --- */
.mfp-wrap.mfp-woosq .mfp-close{
  position:absolute; top:12px; right:12px;
  width:36px !important; height:36px !important; line-height:36px !important;
  border-radius:50%; background:#fff; color:#555 !important;
  border:1px solid #eee; box-shadow:0 2px 10px rgba(0,0,0,.1);
  opacity:1 !important; font-size:20px !important; text-align:center; transition:.2s;
}
.mfp-wrap.mfp-woosq .mfp-close:hover{ background:#f3f3f3; color:#222 !important; }

/* --- Responsive --- */
@media (max-width: 768px){
  .woosq-popup .woocommerce.single-product{ flex-direction:column; padding:22px; gap:18px; }
  .woosq-popup .thumbnails, .woosq-popup .summary{ width:100%; }
  .woosq-popup .thumbnails{ min-height:300px; }
  .woosq-popup .thumbnails img{ max-height:300px; }
  .woosq-popup .view-details-btn{ right:22px; bottom:12px; }
}


/* CART – Proceed to Checkout (Blocks) */
.wc-block-cart .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained, .wc-block-checkout .wc-block-components-checkout-place-order-button.contained {
  background-color: #eca55c !important;
  border-color: #eca55c !important;
  color: #ffffff !important;
}

/* HOVER/FOKUS */
.wc-block-cart .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover,
.wc-block-cart .wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:focus, .wc-block-checkout .wc-block-components-checkout-place-order-button.contained:hover, .wc-block-checkout .wc-block-components-checkout-place-order-button.contained:focus {
  background-color: #eca55c !important;
  border-color: #eca55c !important;
  color: #000 !important;
}

.wc-block-cart .wc-block-components-button[aria-disabled="true"],
.wc-block-cart .wc-block-components-button:disabled {
  opacity: 1 !important;
}

.elementor-menu-toggle {
width: 42px !important;
max-width:42px !important;
content: url("https://zoiilu.com/wp-content/uploads/2025/09/menu-2.png");
}

.elementor-menu-toggle.elementor-active {
width: 42px !important;
max-width: 42px !important;
content: url("https://zoiilu.com/wp-content/uploads/2025/09/close-3.png");
}

#header-main .elementor-menu-toggle {
width: 42px !important;
max-width:42px !important;
content: url("https://zoiilu.com/wp-content/uploads/2025/10/menu-2-bijeli.png");
}

#header-main .elementor-menu-toggle.elementor-active {
width: 42px !important;
max-width: 42px !important;
content: url("https://zoiilu.com/wp-content/uploads/2025/10/close-3-bijeli.png");
}

.button:focus, [type="submit"]:focus, [type=button]:not(:disabled):focus, [type=submit]:not(:disabled):focus, button:not(:disabled):focus {
   outline: none;
}

.dgwt-wcas-layout-icon-open .dgwt-wcas-search-icon-arrow, .dgwt-wcas-sf-wrapp img {
	display: none !important;
}

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
	font-family: 'Avenir';
}

/* resetiraj “46x46” samo za inline wishlist na singleu */
.single-product .krm-wl-inline{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  padding:0 !important;
  margin-top:10px;
  border:0 !important;
  background:transparent !important;
  color:#6f6f6f;
  text-decoration:none;
}

/* kvadratni okvir SAMO oko srca */
.single-product .krm-wl-inline .woosw-btn-icon{
  width:40px !important; height:40px !important;
  min-width:40px !important;
  border:1px solid #e6e6e6; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background:transparent;
  padding:0;
}
.single-product .krm-wl-inline .woosw-btn-icon:before{
  font-size:18px; line-height:1; color:#6f6f6f;
}

/* tekst desno – bez okvira/pill pozadine */
.single-product .krm-wl-inline .krm-wl-text,
.single-product .krm-wl-inline .woosw-btn-text{
  display:inline-block; white-space:nowrap;
  margin:0; padding:0; border:0; background:transparent;
  color:#6f6f6f; font-size:16px; font-weight:500;
}

/* hover: srce + tekst narančasti */
.single-product .krm-wl-inline:hover .woosw-btn-icon{ border-color:#ECA55C; }
.single-product .krm-wl-inline:hover .woosw-btn-icon:before,
.single-product .krm-wl-inline:hover .krm-wl-text,
.single-product .krm-wl-inline:hover .woosw-btn-text{ color:#ECA55C; }

/* dodano u wishlist: ostane narančasto */
.single-product .krm-wl-inline.woosw-added .woosw-btn-icon{ border-color:#ECA55C; }
.single-product .krm-wl-inline.woosw-added .woosw-btn-icon:before,
.single-product .krm-wl-inline.woosw-added .krm-wl-text,
.single-product .krm-wl-inline.woosw-added .woosw-btn-text{ color:#ECA55C; }

/* SINGLE – naš inline wishlist (ikona u okvirčiću + tekst desno) */

/* nikakav shadow/outline ni u kojem stanju */
.single-product .krm-wl-inline,
.single-product .krm-wl-inline:hover,
.single-product .krm-wl-inline:focus,
.single-product .krm-wl-inline *:focus,
.single-product .krm-wl-inline .woosw-btn-icon,
.single-product .krm-wl-inline .woosw-btn-icon:hover,
.single-product .krm-wl-inline .woosw-btn-icon:focus{
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* default boje */
.single-product .krm-wl-inline{ color:#6f6f6f !important; }
.single-product .krm-wl-inline .woosw-btn-icon{
  width:40px; height:40px; min-width:40px;
  border:1px solid #e6e6e6; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
}
.single-product .krm-wl-inline .woosw-btn-icon:before{ color:#6f6f6f !important; }

/* HOVER – i srce i tekst narančasti, okvir ostaje tanak narančast */
.single-product .krm-wl-inline:hover{ color:#ECA55C !important; background:transparent !important; }
.single-product .krm-wl-inline:hover .woosw-btn-icon{ border-color:#ECA55C !important; }
.single-product .krm-wl-inline:hover .woosw-btn-icon:before{ color:#ECA55C !important; }

/* ADDED – stalno narančaste boje; bez ikakvog shadowa/podloge */
.single-product .krm-wl-inline.woosw-added{
  color:#ECA55C !important;
  background:transparent !important;
  border:none !important;
}
.single-product .krm-wl-inline.woosw-added .woosw-btn-icon{
  border-color:#ECA55C !important;
  background:transparent !important;
  box-shadow:none !important;
}
.single-product .krm-wl-inline.woosw-added .woosw-btn-icon:before{
  color:#ECA55C !important;
}

/* ako tema pokušava napraviti “pill” oko teksta – poništi */
.single-product .krm-wl-inline .krm-wl-text,
.single-product .krm-wl-inline .woosw-btn-text{
  padding:0 !important; margin:0 !important; border:0 !important; background:transparent !important;
}