.wd-popup.wd-promo-popup{
	background-color:rgb(255,255,255);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:#0a0a0a;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
}

:root{
--wd-text-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-text-font-weight:300;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-title-font-weight:400;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:400;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Roboto", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:400;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Roboto", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
.wd-custom-font{
	font-family: "Roboto", Arial, Helvetica, sans-serif;
}

:root{
--wd-primary-color:rgb(240,103,46);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
.single-product .main-page-wrapper{
	background-color:rgb(249,249,249);
}

:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-shop-bgcolor:rgb(240,103,46);
}
:root{
--btn-shop-bgcolor-hover:rgba(240,103,46,0.81);
}
:root{
--btn-accent-bgcolor:rgb(240,103,46);
}
:root{
--btn-accent-bgcolor-hover:rgba(240,103,46,0.81);
}
:root{
--notices-success-bg:rgb(240,103,46);
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:rgb(240,103,46);
}
:root{
--notices-warning-color:#fff;
}
	:root{
	
	
			--wd-form-brd-radius: 0px;
	
	--wd-form-brd-width: 2px;

	--btn-default-color: #333;
	--btn-default-color-hover: #333;

	--btn-shop-color: #fff;
	--btn-shop-color-hover: #fff;

	--btn-accent-color: #fff;
	--btn-accent-color-hover: #fff;
			--btn-default-brd-radius: 0px;
		--btn-default-box-shadow: none;
		--btn-default-box-shadow-hover: none;
		--btn-default-box-shadow-active: none;
		--btn-default-bottom: 0px;
	
			--btn-shop-brd-radius: 0.001px;
		--btn-shop-box-shadow: none;
		--btn-shop-box-shadow-hover: none;
		--btn-shop-box-shadow-active: none;
		--btn-shop-bottom: 0px;
	
			--btn-accent-brd-radius: 0px;
		--btn-accent-box-shadow: none;
		--btn-accent-box-shadow-hover: none;
		--btn-accent-box-shadow-active: none;
		--btn-accent-bottom: 0px;
	
	
	
	
	
	
	
	
	
	
		}

	
	
	/* Site width */
		/* Header Boxed */
	@media (min-width: 1025px) {
		.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
			max-width: 1192px;
		}
	}

	.container {
		max-width: 1222px;
	}
	
	
	@media (min-width: 1222px) {

		[data-vc-full-width]:not([data-vc-stretch-content]) {
			padding-left: calc((100vw - 1222px) / 2);
			padding-right: calc((100vw - 1222px) / 2);
		}

		.platform-Windows [data-vc-full-width]:not([data-vc-stretch-content]) {
			padding-left: calc((100vw - 1239px) / 2);
			padding-right: calc((100vw - 1239px) / 2);
		}
	}

	
	/* Quick view */
	div.wd-popup.popup-quick-view {
		max-width: 920px;
	}




	.woodmart-woocommerce-layered-nav .wd-scroll-content {
		max-height: 190px;
	}

		rs-slides [data-type=text],
rs-slides [data-type=button] {
	font-family: Roboto !important;
}
	
		rs-slides h1[data-type=text],
rs-slides h2[data-type=text],
rs-slides h3[data-type=text],
rs-slides h4[data-type=text],
rs-slides h5[data-type=text],
rs-slides h6[data-type=text] {
	font-family: Roboto !important;
}
			@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//totem.co.rs/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=6.4.2") format("woff2");
	font-display:swap;
}

@media (max-width: 799px){
  .woocommerce div.product p.price,
  .woocommerce div.product span.price,
  .woocommerce ul.products li.product .price,
  .price del, .price ins {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.wd-buttons.wd-pos-r-t {
	display: none !important;
}
.brands-widget .brand-item img {
max-height: 100px !important;
}
.price .amount {
	color: #000 !important;
}
/* .cart_totals, .woocommerce-mini-cart__buttons .checkout {
	visibility: hidden;
} */
/* .wd-wishlist-btn .wd-action-btn .wd-style-icon .wd-wishlist-icon .woodmart-wishlist-btn, .wd-action-btn>a {
	display: none !important;
} */
.rasprodaja {
    position: absolute;
    z-index: 999;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 40px;
    transition: opacity .3s ease;
    font-size: 13px;
    color: #fff;
    background: rgb(240, 103, 46);
    padding: 9px 10px !important;
    border-radius: 50%;
    font-weight: bold;
		top: 6px !important;
		right: 10px !important;
}

/* modal */
.custom-aside-modal {
    position: fixed;
    bottom: 50px;
    right: 20px;
    width: 350px;
    max-height: 368px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    padding: 20px;
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    overflow-y: auto;
    border-radius: 8px;
}

/* Prikaz otvorenog modala */
.custom-aside-modal.open {
    transform: translateX(0%);
}


.open-aside-button {
    position: fixed;
    right: -50px;
    top: 70%;
    transform: translateY(-50%) rotate(90deg);
    padding: 12px;
    background-color: #f0672e;
    color: white;
    border: none;
    border-radius: 8px;
    z-index: 10000;
    cursor: pointer;
    box-shadow: -2px 0 8px rgba(0,0,0,0.2);
}
.woocommerce-mini-cart__buttons .checkout, .wd-checkout-steps .woodmart-checkout-steps {
	display: none;
}
.cart_totals, .wd-checkout-steps {
	visibility: hidden !important;
}
.cart-actions #enquiryCartButton {
	padding: 20px 40px !important;
	font-size: 22px !important;
	color: #fff !important;
	background: #f0672e !important;
}
/* product brands shortcode */
.totem-brands-mega {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 60px;
}

.totem-brands-col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.totem-brand-link {
    display: block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-decoration: none;
    color: inherit;
}

.totem-brand-link:hover {
    opacity: 0.7;
}
.wd-nav-mobile li a {
	font-weight: bold;
}
/* Sakrij originalnu Woo cenu SAMO za ove proizvode */
body.lz-three-prices-product .summary p.price:not(.custom-three-level-price) {
    display: none;
}

/* Stilovi za naš trostruki prikaz */
body.lz-three-prices-product .summary p.custom-three-level-price .price-regular {
    opacity: 0.7;
}

body.lz-three-prices-product .summary p.custom-three-level-price .price-sale {
    font-weight: 600;
    font-size: 1.05em;
}

body.lz-three-prices-product .summary p.custom-three-level-price .extra-discount-price {
    display: block;
    font-weight: 700;
    font-size: 1.08em;
    margin-top: 2px;
}

body.lz-three-prices-product .summary p.custom-three-level-price .extra-discount-price small {
    font-weight: 400;
    font-size: 0.8em;
    margin-left: 4px;
    opacity: 0.8;
}
span.onsale.product-label,
.berocket_better_labels span {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #ff6a2c !important;
  color: #fff !important;

  font-size: 11px !important;
  font-weight: 600;
  padding: 4px 9px !important;

  border-radius: 4px;
  line-height: 1.1;
  white-space: nowrap;
	height: 35px !important;
}
.labels-rectangular {
    top: 5px !important;
    right: 5px !important;
}
/* Kad BeRocket (SUPER SALE) postoji, sakrij Woo "SALE" bedž */
.product-grid-item:has(.berocket_better_labels) span.onsale.product-label {
  display: none !important;
}
/* Single product: sakrij SALE ako je proizvod u target kategorijama (body class iz tvog koda) */
.single-product.lz-three-prices-product span.onsale.product-label,
.single-product.lz-three-prices-product .product-labels .onsale,
.single-product.lz-three-prices-product .product-labels span.onsale {
  display: none !important;
}

/* Archive/grid: sakrij SALE za iste proizvode */
.product-grid-item.lz-three-prices-product span.onsale.product-label,
.product-grid-item.lz-three-prices-product .product-labels .onsale,
.product-grid-item.lz-three-prices-product .product-labels span.onsale {
  display: none !important;
}
/* =========================================================
   MASTER: SALE + SUPER SALE (Archive + Single)
   - Archive: top-left (uniform)
   - Single:  top-right (uniform)
   - Same badge styles
========================================================= */

/* 0) BeRocket wrapper must never paint the thumbnail */
.berocket_better_labels,
.berocket_better_labels_image,
.berocket_better_labels_image * {
  background: transparent !important;
}

/* 1) Make sure cards/gallery are positioning anchors */
.woocommerce li.product,
.woocommerce .product,
.woocommerce .product-grid-item,
.single-product .woocommerce-product-gallery,
.single-product .woocommerce-product-gallery__wrapper,
.single-product .product-image {
  position: relative;
}

/* 2) Reset any theme/plugin offsets on label wrappers */
.product-labels,
.berocket_better_labels {
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  pointer-events: none;
  z-index: 80 !important;
}

/* =========================================================
   3) ARCHIVE (shop/category) – TOP LEFT, perfectly aligned
========================================================= */
/* ARCHIVE – Woo labels (SALE) */
.woocommerce.archive li.product .product-labels,
.woocommerce.archive .product-grid-item .product-labels,
.post-type-archive-product li.product .product-labels,
.tax-product_cat li.product .product-labels,
.tax-product_cat .product-grid-item .product-labels {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;

  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

/* ARCHIVE – BeRocket labels (SUPER SALE) */
.woocommerce.archive li.product .berocket_better_labels,
.woocommerce.archive .product-grid-item .berocket_better_labels,
.post-type-archive-product li.product .berocket_better_labels,
.tax-product_cat li.product .berocket_better_labels,
.tax-product_cat .product-grid-item .berocket_better_labels {
  position: absolute !important;
  top: 0 !important;         /* traženo */
  left: 12px !important;
  right: auto !important;
  bottom: auto !important;

  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

/* If both exist, put SUPER SALE under SALE (no overlap) */
.woocommerce.archive li.product .product-labels + .berocket_better_labels,
.woocommerce.archive .product-grid-item .product-labels + .berocket_better_labels,
.post-type-archive-product li.product .product-labels + .berocket_better_labels,
.tax-product_cat li.product .product-labels + .berocket_better_labels,
.tax-product_cat .product-grid-item .product-labels + .berocket_better_labels {
  top: 48px !important;
}

/* =========================================================
   4) SINGLE – TOP RIGHT (uniform)
========================================================= */
.single-product .product-labels,
.single-product .berocket_better_labels {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  right: auto !important;
  bottom: auto !important;

  display: flex !important;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

/* If both exist on single, put SUPER SALE under SALE */
.single-product .product-labels + .berocket_better_labels {
  top: 52px !important;
}

/* =========================================================
   5) Badge styles (Woo SALE + BeRocket SUPER SALE)
========================================================= */
span.onsale.product-label,
.product-labels span.onsale,
.berocket_better_labels span {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #ff6a2c !important;
  color: #fff !important;

  font-size: 11px !important;
  font-weight: 600;
  padding: 4px 9px !important;
  border-radius: 4px;

  text-transform: uppercase;
  letter-spacing: 0.4px;
  line-height: 1.1;
  white-space: nowrap;
}

/* 6) Extra hard reset for BeRocket inner elements (prevents drift) */
.berocket_better_labels * {
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}
/* =========================================================
   HARD OVERRIDE: BeRocket SUPER SALE positioning + cleanup
   (Archive LEFT, Single RIGHT)
========================================================= */

/* 1) ARCHIVE: force BeRocket wrapper to TOP-LEFT */
.woocommerce.archive li.product .berocket_better_labels,
.woocommerce.archive .product-grid-item .berocket_better_labels,
.post-type-archive-product li.product .berocket_better_labels,
.tax-product_cat li.product .berocket_better_labels,
.tax-product_cat .product-grid-item .berocket_better_labels {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  right: auto !important;     /* KLJUČNO */
  bottom: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  z-index: 999 !important;
}

/* 2) SINGLE: force BeRocket wrapper to TOP-RIGHT */
.single-product .berocket_better_labels {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  z-index: 999 !important;
}

/* 3) Make the actual BeRocket badge behave like a normal pill */
.berocket_better_labels span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #ff6a2c !important;
  border: 0 !important;

  padding: 4px 10px !important;
  border-radius: 4px !important;

  line-height: 1.1 !important;
  white-space: nowrap !important;
}

/* 4) Kill BeRocket template decorative elements that can shift the badge */
.berocket_better_labels span > i,
.berocket_better_labels span .template-span-before,
.berocket_better_labels span .template-i,
.berocket_better_labels span .template-i-before,
.berocket_better_labels span .template-i-after {
  display: none !important;
}

/* 5) Text styling */
.berocket_better_labels span > b {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #fff !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  padding: 0 !important;
}