@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//nikolicsystem.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.7") format("woff2");
}

:root {
	--wd-text-font: "Hind", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Palanquin Dark", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Palanquin Dark", 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%);
	--wd-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Palanquin Dark", 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;
	--wd-header-el-font: "Hind", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(18,49,91);
	--wd-alternative-color: rgb(42,76,122);
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(198,40,40);
	--btn-accented-bgcolor-hover: rgb(198,40,40);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 890px;
	--wd-popup-padding: 7px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 400px;
}
.wd-page-title {
	background-color: rgb(18,49,91);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: rgb(42,76,122);
	background-image: none;
}
.page .wd-page-content {
	background-color: rgb(248,248,248);
	background-image: none;
}
.product-labels .product-label.onsale {
	background-color: rgb(221,51,51);
}
.product-labels .product-label.new {
	background-color: rgb(23,102,133);
}
.product-labels .product-label.featured {
	background-color: rgb(255,94,43);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1300px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1300px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/*** GENERAL ***/

	/* Menu */
:root {
  /* Bosch Professional Paleta */
  --color-primary: rgb(18, 49, 91);    /* Tamno plava */
  --color-secondary: rgb(42, 76, 122); /* Svetlija plava */
  --color-cta: rgb(198, 40, 40);       /* Crvena */
  --color-bg: rgb(245, 247, 250);      /* Svetlo siva */
  --color-text: rgb(33, 37, 41);       /* Tamno siva */
}

	a.woodmart-nav-link {text-transform: uppercase !important;}
	.wd-sub-menu li>a img, .wd-nav-img {width: 16px !important;}
	.brand-menu a.woodmart-nav-link {font-size: 0;}
	.brand-menu img.wd-nav-img {
			width: 100% !important;
			min-height: 50px;}
	.sale-menu img.wd-nav-img {width: 64px !important;}

	/* 404 */

	.error404 .page-content>.wd-search-form {display: none;}

	/* Text */

	.text-justify {text-align: justify !important;}

/*** SHOP ***/

		/* General SHOP elemets */

			.wd-page-title .title {text-transform: uppercase}
			del .amount {color: #FF5E2A;}
			.price del {color: #FF5E35 !important;}

		/* SHOP Menu */
		.wd-dropdown, .wd-nav-vertical {border-radius: 0 !important;}
		span.menu-opener.color-scheme-dark.has-bg {border-radius: 0 !important;}
		.wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp>.wd-sub-menu, .wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp>.wd-sub-menu>li:first-child>a {border-top-left-radius: 0 !important;}
	border-top-left-radius: 0 !important;	.wd-dropdown-menu.wd-design-aside .wd-sub-menu-wrapp {border-top-right-radius: 0 !important;}

		/* Product buttons */
			input.minus.btn {margin-right: 0 !important;}
			
		/* Archive product */
			.wd-product.wd-hover-fw-button .wrap-price { display: initial;}
			.wd-product .wd-entities-title {text-align: center !important;}
			.wd-product .price {text-align: center !important;}
			.wd-product.wd-hover-fw-button .wrap-price {margin: auto;}
			.star-rating {display: none;}
			span.price > span.woocommerce-Price-amount.amount {display: block;}
			.wd-products .wd-product .product-wrapper .wd-quick-shop > a > img {
				width: 100%;
				height: 190px;
				object-fit: contain;}


		/* Single product page */
			.summary.entry-summary.text-left.wd-grid-col a.woocommerce-review-link {display: none;}
			small.woocommerce-price-suffix {display: none;}
			small.woocommerce-price-suffix > .amount {color: gray;}
			.wd-carousel-container.wd-gallery-thumb .wd-carousel-item.wd-slide-visible {max-height: 100px;}

		/* Brands */
			.term-description {text-align: justify;}

/* Glavni okvir za sve proizvode na sajtu */
.product-grid-item {
    border: 2px solid #FF3300 !important; /* Ovo je jarko crveno-narandžasta boja */
    border-radius: 8px !important; /* Blago zaobljeni uglovi */
    padding: 5px; /* Malo prostora da proizvod "diše" */
    transition: all 0.3s ease-in-out; /* Glatka animacija */
}

/* Efekat kada se pređe mišem (Hover) */
.product-grid-item:hover {
    box-shadow: 0px 0px 15px rgba(255, 51, 0, 0.6) !important; /* Drečava senka oko okvira */
    border: 2px solid #FF3300 !important;
}
/* Seckanje dugačkih naslova na maksimalno 2 reda */
.product-grid-item .product-title,
.product-grid-item .wd-entities-title {
    font-size: 14px !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; /* Broj redova posle kojih se tekst seče. Mozes staviti i 3 */
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
}
/* 1. Smanjivanje i peglanje predugačkih naslova */
.product-grid-item .wd-entities-title,
.product-grid-item .product-title,
.product-grid-item .product-title a {
    font-size: 13px !important; /* Ovo je osetno manje, ali pitko. Ako je i dalje veliko, stavi 12px */
    line-height: 1.3 !important; /* Manji razmak između redova da uštedimo prostor */
    font-weight: 600 !important; /* Malo podebljano da ne bude bledo kad se smanji */
}

/* 2. Suptilniji i elegantniji okvir (Industrijsko siva) */
.product-grid-item {
    border: 1px solid #D1D5DB !important; /* Tanka, elegantna siva linija */
    border-radius: 8px !important;
    padding: 8px; 
    transition: all 0.3s ease-in-out;
}

/* 3. Kada se pređe mišem, okvir po plavi (Zamena za onu drečavu senku) */
.product-grid-item:hover {
    border: 1px solid #0056b3 !important; /* Zamenite ovu šifru sa tačnom plavom bojom vašeg dugmeta */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.08) !important; /* Vrlo blaga, profi senka */
}

/* 1. Gornja info traka (Top Bar) -> Bosch Secondary boja */
.top-bar, 
.header-top, 
.whb-top-bar,
.site-topbar {
    background-color: rgb(42, 76, 122) !important;
}

/* 2. Dugme PROIZVODI (Vertical / Departments Menu) -> Bosch Primary boja */
.departments-menu-title,
.vertical-menu-title,
.menu-departments-title,
.wd-header-cats,
.category-menu-title,
.departments-title {
    background-color: rgb(18, 49, 91) !important;
}

/* 3. Veliki plavi baner (Page Title) -> Bosch Primary boja */
.page-title, 
.page-title-default, 
.wd-page-title,
.jumbotron,
.title-wrapper {
    background-color: rgb(18, 49, 91) !important;
}
/* Bela boja za ikonice u glavnom meniju (Font i SVG) */
.wd-nav-main .menu-item a .wd-nav-icon,
.wd-nav-main .menu-item a .wd-icon,
.wd-nav-main .menu-item a i,
.wd-nav-main .menu-item a svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Ako je tema ikonice ubacila kao pravu sliku (Image tag) */
.wd-nav-main .menu-item a img.wd-nav-icon,
.wd-nav-main .menu-item a img {
    filter: brightness(0) invert(1) !important;
}
/* ===================================================
   Novi stil za Tabove na proizvodu (Opis, Brend...)
   Targetira Single Product stranicu
   =================================================== */

/* 1. SREĐIVANJE NASLOVA (DUGMIĆA) ZA TABOVE */

/* Osnovni stil za SVE dugmiće (banere) - postavljamo na PLAVU pozadinu i BELI tekst */
.single-product div.product .woocommerce-tabs ul.wc-tabs li {
    background-color: #003B73 !important; /* Plava pozadina. Ako koristiš neku drugu plavu, zameni šifru */
    border: 1px solid #003B73 !important; /* Okvir u istoj boji */
    border-radius: 5px 5px 0 0 !important; /* Blago zaobljeni gornji uglovi */
    margin-right: 5px !important; /* Mali razmak između tabova */
    transition: all 0.3s ease !important; /* Glatka animacija */
}

/* Stil za TEKST unutar SVIH dugmića - postavljamo na BELU */
.single-product div.product .woocommerce-tabs ul.wc-tabs li a {
    color: #ffffff !important; /* Bela boja teksta */
    font-weight: 600 !important; /* Podebljan tekst */
    padding: 12px 25px !important; /* Veći prostor za klik */
    text-transform: uppercase !important; /* Sva velika slova */
}

/* Efekat kada se pređe mišem preko dugmeta (Hover) */
.single-product div.product .woocommerce-tabs ul.wc-tabs li:hover {
    background-color: #002D59 !important; /* Nešto tamnija plava */
}

/* 2. SREĐIVANJE AKTIVNOG (IZABRANOG) DUGMETA - on treba da bude BEO da se stopi sa tekstom */
.single-product div.product .woocommerce-tabs ul.wc-tabs li.active {
    background-color: #ffffff !important; /* Bela pozadina */
    border: 1px solid #e1e1e1 !important; /* Svetlo sivi okvir */
    border-bottom: 1px solid #ffffff !important; /* Spaja se sa tekstom ispod */
}

/* Boja teksta za AKTIVNO dugme - postavljamo na PLAVU */
.single-product div.product .woocommerce-tabs ul.wc-tabs li.active a {
    color: #003B73 !important; /* Boja teksta za aktivan tab */
}

/* 3. SREĐIVANJE VELIKOG DELA SA TEKSTOM (Content area) */

/* Postavljamo BELU pozadinu i TAMNO SIVI tekst radi maksimalne čitljivosti */
.single-product div.product .woocommerce-tabs .wc-tab {
    background-color: #ffffff !important; /* Bela pozadina. Rešava tvoj problem da se tekst ne vidi */
    border: 1px solid #e1e1e1 !important; /* Sivi okvir oko teksta */
    border-top: none !important; /* Bez gornjeg okvira, nastavlja se na dugme */
    padding: 30px !important; /* Veliko rastojanje unutar teksta */
    color: #333333 !important; /* Tamno sivi tekst za čitljivost */
    border-radius: 0 0 5px 5px !important; /* Zaobljeni donji uglovi */
}

/* ===================================================
   Pobeljivanje glavnog naslova na plavoj traci
   Targetira Single Product stranicu
   =================================================== */

/* Menjamo boju H1 naslova u belu */
.single-product .page-title h1.entry-title {
    color: #ffffff !important; /* Forsiramo belu boju */
    font-weight: 700 !important; /* Opciono: malo podebljamo naslov */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important; /* Opciono: blaga senka radi boljeg isticanja */
}

/* Sređivanje Breadcrumbs-a (Početna / Proizvodi...) iznad naslova */
.single-product .page-title .woocommerce-breadcrumb {
    color: rgba(255, 255, 255, 0.8) !important; /* Polu-bela boja za putanju */
}

.single-product .page-title .woocommerce-breadcrumb a {
    color: #ffffff !important; /* Bela boja za linkove u putanji */
}
add_filter( 'wp_get_attachment_image_attributes', function( $attrs ) {
    if ( isset( $attrs['class'] ) && str_contains( $attrs['class'], 'no-lazy' ) ) {
        unset( $attrs['loading'] );
    }
    return $attrs;
}, 99 );@media (min-width: 1025px) {
	/* FOOTER */

.copy-cust {
    clear: both;
    display: block;
}

.copy-cust-left {
    width: 20%;
    float: left;
    display: inline-block;
}

.copy-cust-right {
    width: 65%;
    display: inline-block;
    float: right;
    text-align: justify;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	/* FOOTER */

.copy-cust {
    clear: both;
    display: block;
}

.copy-cust-left {
    width: 100%;
	  padding: 5px;
}

.copy-cust-right {
    width: 100%;
	  padding: 5px;
		text-align: justify;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	/* FOOTER */

.copy-cust {
    clear: both;
    display: block;
}

.copy-cust-left {
    width: 100%;
	  padding: 5px;
}

.copy-cust-right {
    width: 100%;
	  padding: 5px;
		text-align: justify;
}
}

@media (max-width: 576px) {
	/* FOOTER */

.copy-cust {
    clear: both;
    display: block;
}

.copy-cust-left {
    width: 100%;
	  padding: 5px;
}

.copy-cust-right {
    width: 100%;
	  padding: 5px;
		text-align: justify;
}
}