/* 
 Theme Name:   Hello Elementor Child Theme
 Theme URI:    https://nordx.rs/
 Description:  
 Author:       admin
 Author URI:   https://nordx.rs
 Template:     hello-elementor
 Version:      1.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

.elementor-element-11a0ce2  .product-info form { flex-wrap:wrap; }

/* BOANITO */

/*.post-11572 .shop-product > div > div > .elementor-widget-container::before,
.post-9605 .shop-product > div > div > .elementor-widget-container::before,
.post-9710 .shop-product > div > div > .elementor-widget-container::before,
.post-9887 .shop-product > div > div > .elementor-widget-container::before,
.post-9933 .shop-product > div > div > .elementor-widget-container::before,
.post-9990 .shop-product > div > div > .elementor-widget-container::before{ 
	content: "Kupon: WOMAN za -20%";
	position: absolute;
	top: 10px;
	left: 10px;
	height: 28px;
	width: 150px;
	line-height: 28px;
	background-color: #14476F;
	color: #fff;
	font-family: "Catamaran",Sans-serif;
	border-radius: 5px;
	font-size: 12px;
}*/

/* Body */
body {overflow-x: hidden;}

body .nordx-new-product { padding-left: 10px; padding-right: 10px;  }

@media screen and (min-width: 992px) {
    html body:not([class*="elementor-page-"]) .site-main {
        max-width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    html body:not([class*="elementor-page-"]) .site-main {
        max-width: 1512px;
    }
}

/* Naslov proizvoda na Single Product stranici */
h1, h2, h3, h4, h5, h6, .nordx-new-product table.variations th { 
	font-family: "Dosis", Sans-serif !important; 
	color: var(--nordx-primary-color, #3e553e);
	font-weight: 600; 
}

.nordx-new-product p {  font-family: "Catamaran", Sans-serif; }

.nordx-new-product .product-title { font-size: 41px; line-height: 40px; }

/* Section - Podesavanja za sve sekcije da bi širina bila 100% */
.nordx-new-product section { 
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	max-width: 1000% !important;
	width: 100vw !important; 
}

.nordx-new-product .nordx-product-layout,
.nordx-new-product > section .section-inner-container {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding-left: 5%;
	padding-right: 5%;
	max-width: 1400px;
	
}

/* ==========================================================================
   GLAVNI LAYOUT ZA SINGLE PRODUCT (MOBILE-FIRST)
   Klasa: nordx-new-product
   ========================================================================== */

.nordx-product-layout-section { padding-top: 100px;
	background-image: var(--nordx-bg-image-url), var(--nordx-bg-gradient);
    background-color: var(--nordx-bg-color, #f8f8f8);
    background-size: cover;
    background-position: center center;
}

.nordx-new-product .nordx-product-layout {}

.nordx-new-product .nordx-product-layout::after { clear: both;}


.nordx-new-product .nordx-product-layout {  display: flex; flex-direction: column; flex-wrap: wrap;
}

.woocommerce-page div.product.nordx-new-product .nordx-product-layout div.summary,
.woocommerce-page div.product.nordx-new-product .nordx-product-layout div.woocommerce-product-gallery { 
	width: 100%;
    float: none !important;
    clear: none !important;
    box-sizing: border-box !important;
}

.nordx-new-product .nordx-product-layout .woocommerce-product-gallery  { order: 2;}

.nordx-new-product .summary { order: 3;}

.nordx-new-product .nordx-header-group { order: 1;}

.nordx-new-product .nordx-header-group {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	text-align: center;
}

.nordx-new-product .nordx-header-group .product_title.entry-title { order: 2; color: var(--nordx-primary-color, #3e553e); font-weight: 600;}

.nordx-new-product .nordx-header-group .nordx-product-subtitle { order: 1;}

.nordx-new-product .nordx-invert-colors .nordx-header-group .product_title.entry-title,
.nordx-new-product .nordx-invert-colors .nordx-header-group .nordx-product-subtitle { color: var(--nordx-invert-color); }

@media screen and ( min-width:1024px) {
	
	.nordx-product-layout-section { padding-top: 150px; }
}

/* PODNASLOV */

.nordx-product-subtitle {
	font-weight: 300;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 22px;
	color: var(--nordx-primary-color, #3e553e);
	/*margin: 8px 0 16px;*/
	margin: 0;
}

/* REJTING */
.nordx-new-product .nordx-rating-wrapper { display: block; }

.woocommerce .nordx-new-product .star-rating { 
	float: none; 
	margin: 10px 0 20px 0; 
	margin-left: auto;
	margin-right: auto;
}

.woocommerce .star-rating,
.woocommerce .star-rating span { font-family: 'star' !important; }

.woocommerce .star-rating::before {
    content: "\53\53\53\53\53" !important;
    color: #cfc8d8 !important; 
    float: none !important; 
    position: static !important;
	
}

.woocommerce .star-rating span::before { content: "\53\53\53\53\53" !important; color: var(--nordx-primary-color, #3e553e) !important; }

.woocommerce .nordx-invert-colors .star-rating span::before { color: var(--nordx-invert-color)!important; }

@media screen and (min-width: 1024px ) {
	
	.woocommerce .nordx-new-product .star-rating { margin-left: 0; margin-right: 0;}
}


@media screen and (min-width: 1024px) {
	
	.nordx-product-subtitle { font-size: 24px; line-height: 30px; margin: 8px 0 16px; }

	.nordx-new-product .nordx-product-layout {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 0px; 
	}

    .nordx-product-layout > .woocommerce-product-gallery {
        grid-area: 1 / 1 / 3 / 2;
    }

    .nordx-product-layout > .nordx-header-group {
        grid-area: 1 / 2 / 2 / 3;
		text-align: left;
    }

    .nordx-product-layout > .summary {
        grid-area: 2 / 2 / 3 / 3; 
    }
	
	.nordx-new-product .nordx-header-group .product_title.entry-title { order: 1; }

	.nordx-new-product .nordx-header-group .nordx-product-subtitle { order: 2;}
	
}

body .nordx-new-product table td.value { padding-right: 0;}

body .nordx-new-product .woocommerce-variation-add-to-cart { display: flex; margin-top: 15px; margin-bottom: 20px;}

body .nordx-new-product .reset_variations { display: none !important; visibility: hidden !important; }

body .nordx-new-product .qib-button-wrapper { border: 1px solid #000; border-radius: 5px; margin: 0 30px 0 0; }

.nordx-new-product .qib-button-wrapper .quantity input.input-text.qty.text,
body .nordx-new-product .qib-button-wrapper .plus.qib-button, 
body .nordx-new-product .qib-button-wrapper .minus.qib-button,
body .nordx-new-product .qib-button-wrapper .plus.qib-button:hover,
body .nordx-new-product .qib-button-wrapper .minus.qib-button:hover { background: transparent; border: 0px;}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
  background-color: var(--nordx-primary-color, #3e553e);
  color: #fff;
  -webkit-font-smoothing: antialiased;
	border-radius: 5px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover {  background-color: var(--nordx-primary-color, #3e553e);}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) .nordx-invert-colors button.button.alt  { background-color: var(--nordx-invert-color); color: var(--nordx-primary-color, #3e553e); }

.quantity { 
	border: 1px solid #000;
	border-radius: 5px;
	margin: 0 30px 0 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 0;
	white-space: nowrap;
}

.nordx-invert-colors .quantity { border-color: var(--nordx-invert-color);  }

.quantity .nordx_minus,
.quantity .nordx_plus,
.quantity .nordx_minus:hover,
.quantity .nordx_plus:hover,
.quantity .nordx_minus:focus,
.quantity .nordx_plus:focus,
.quantity input.qty {
	background-color: transparent!important; 
	border: 0px;
	font-size: 18px;
	line-height: 28px;
	color: var(--nordx-primary-color, #3e553e);
}

.nordx-invert-colors .quantity .nordx_minus,
.nordx-invert-colors .quantity .nordx_plus,
.nordx-invert-colors .quantity .nordx_minus:hover,
.nordx-invert-colors .quantity .nordx_plus:hover,
.nordx-invert-colors .quantity .nordx_minus:focus,
.nordx-invert-colors .quantity .nordx_plus:focus,
.nordx-invert-colors .quantity input.qty { color: var(--nordx-invert-color); }

.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}

/* Elementor */

.elementor-11161 .elementor-element.elementor-element-2cfc453 .wl-addto-cart[class*="wl-style-"] form.cart .quantity,
.elementor-11197 .elementor-element.elementor-element-929794d .wl-addto-cart[class*="wl-style-"] form.cart .quantity,
.elementor-12029 .elementor-element.elementor-element-55b76bf .wl-addto-cart[class*="wl-style-"] form.cart .quantity,
.elementor-12038 .elementor-element.elementor-element-71b6478 .wl-addto-cart[class*="wl-style-"] form.cart .quantity,
.elementor-11161 .elementor-element.elementor-element-192cd67 .wl-addto-cart[class*="wl-style-"] form.cart .quantity,
.elementor-11197 .elementor-element.elementor-element-04166d0 .wl-addto-cart[class*="wl-style-"] form.cart .quantity,
.elementor-12029 .elementor-element.elementor-element-5cee2298 .wl-addto-cart[class*="wl-style-"] form.cart .quantity,
.elementor-12038 .elementor-element.elementor-element-1711217f .wl-addto-cart[class*="wl-style-"] form.cart .quantity { border-color: #fff; }

.elementor-11161 .elementor-element.elementor-element-2cfc453 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-11161 .elementor-element.elementor-element-2cfc453 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-11161 .elementor-element.elementor-element-2cfc453 .wl-addto-cart[class*="wl-style-"] form.cart input.qty,
.elementor-11197 .elementor-element.elementor-element-929794d .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-11197 .elementor-element.elementor-element-929794d .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-11197 .elementor-element.elementor-element-929794d .wl-addto-cart[class*="wl-style-"] form.cart input.qty,
.elementor-12029 .elementor-element.elementor-element-55b76bf .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-12029 .elementor-element.elementor-element-55b76bf .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-12029 .elementor-element.elementor-element-55b76bf .wl-addto-cart[class*="wl-style-"] form.cart input.qty,
.elementor-12038 .elementor-element.elementor-element-71b6478 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-12038 .elementor-element.elementor-element-71b6478 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-12038 .elementor-element.elementor-element-71b6478 .wl-addto-cart[class*="wl-style-"] form.cart input.qty,
.elementor-11161 .elementor-element.elementor-element-192cd67 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-11161 .elementor-element.elementor-element-192cd67 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-11161 .elementor-element.elementor-element-192cd67 .wl-addto-cart[class*="wl-style-"] form.cart input.qty,
.elementor-11197 .elementor-element.elementor-element-04166d0 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-11197 .elementor-element.elementor-element-04166d0 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-11197 .elementor-element.elementor-element-04166d0 .wl-addto-cart[class*="wl-style-"] form.cart input.qty,
.elementor-12029 .elementor-element.elementor-element-5cee2298 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-12029 .elementor-element.elementor-element-5cee2298 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-12029 .elementor-element.elementor-element-5cee2298 .wl-addto-cart[class*="wl-style-"] form.cart input.qty,
.elementor-12038 .elementor-element.elementor-element-1711217f .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-12038 .elementor-element.elementor-element-1711217f .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-12038 .elementor-element.elementor-element-1711217f .wl-addto-cart[class*="wl-style-"] form.cart input.qty  { color: #fff;  background-color: transparent!important;  }

.elementor-9613 .elementor-element.elementor-element-2b976cf .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-9613 .elementor-element.elementor-element-2b976cf .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-9711 .elementor-element.elementor-element-bcec57e .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-9711 .elementor-element.elementor-element-bcec57e .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-9888 .elementor-element.elementor-element-28d1069 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-9888 .elementor-element.elementor-element-28d1069 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-9974 .elementor-element.elementor-element-848134d .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-9974 .elementor-element.elementor-element-848134d .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-9991 .elementor-element.elementor-element-d35de75 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-9991 .elementor-element.elementor-element-d35de75 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-9613 .elementor-element.elementor-element-eebaac7 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-9613 .elementor-element.elementor-element-eebaac7 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-9711 .elementor-element.elementor-element-0c46616 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-9711 .elementor-element.elementor-element-0c46616 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-9888 .elementor-element.elementor-element-4d20976 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-9888 .elementor-element.elementor-element-4d20976 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-9974 .elementor-element.elementor-element-06d33f0 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-9974 .elementor-element.elementor-element-06d33f0 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus,
.elementor-9991 .elementor-element.elementor-element-d1a8f26 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-9991 .elementor-element.elementor-element-d1a8f26 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus { background-color: transparent!important; }

.elementor-4171 .elementor-element.elementor-element-7542473 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_minus,
.elementor-4171 .elementor-element.elementor-element-7542473 .wl-addto-cart[class*="wl-style-"] form.cart .nordx_plus { color: var(--nordx-primary-color, #3e553e); }

/* --- */ 

input.qty { -moz-appearance: textfield; }

/* Varijacije*/
.single-product table.variations th.label { display: none !important; }

.nordx-new-product .variations td.value { background-color: transparent;}

.nordx-variation-container label { display: block;}

label.nordx-radio-card { cursor: pointer; }

label.nordx-radio-card .card-content-wrapper {
	border-radius: 5px;
	width: 100%;
	height: 100px;
	padding: 10px;
	display: flex;
	box-shadow: 0 1px 2px 0 rgba(84, 84, 77, 0.04), 0 0 1px #51544d;
	transition: 200ms linear;
	position: relative;
}

.nordx-invert-colors label.nordx-radio-card .card-content-wrapper { box-shadow: 0 1px 2px 0 rgba(84, 84, 77, 0.04), 0 0 1px var(--nordx-invert-color); }

label.nordx-radio-card .check-icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	border: solid 2px #e3e3e3;
	border-radius: 50%;
	transition: 200ms linear;
	position: absolute;
	z-index: 90;
	top: 50%;
	transform: translateY(-50%); 
}
label.nordx-radio-card .check-icon:before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center center;
  transform: scale(1.6);
  transition: 200ms linear;
  opacity: 0;
}

label.nordx-radio-card input[type='radio'] { appearance: none; -webkit-appearance: none;   -moz-appearance: none;
}

label.nordx-radio-card input[type='radio']:checked + .card-content-wrapper {
  box-shadow: 0 1px 2px 0 rgba(78, 75, 82, 0.5), 0 0 0 1px #4e4b52; background: #e6e2e3;
}
label.nordx-radio-card input[type='radio']:checked + .card-content-wrapper .check-icon {
	background: #3057d5;
	border-color: #3057d5;
	top: 50%;
	transform: translateY(-50%) scale(1.2);
}

label.nordx-radio-card input[type='radio']:checked + .card-content-wrapper .check-icon:before { transform: scale(1); opacity: 1; }

label.nordx-radio-card input[type='radio']:focus + .card-content-wrapper .check-icon {   box-shadow: 0 0 0 4px rgba(48, 86, 213, 0.2); border-color: #3056d5; }

label.nordx-radio-card .card-content-inner { display: flex; width: 100%; position: relative;}

label.nordx-radio-card .card-content-inner .nordx-discount-badge {
	position: absolute;
	background: var(--nordx-primary-color, #3e553e);
	color: #fff;
	padding: 3px 5px;
	border-radius: 5px;
	right: -8px;
	top: -8px;
}

.nordx-invert-colors label.nordx-radio-card .card-content-inner .nordx-discount-badge { background: var(--nordx-invert-color); color: var(--nordx-primary-color, #3e553e); }

label.nordx-radio-card .card-content-inner img { margin: 0 15px 0px 35px; height: 80px; width: auto; }

label.nordx-radio-card input[type='radio']:checked + .card-content-wrapper .card-content-inner .nordx-discount-badge  { background: #453d54; }

.nordx-invert-colors  label.nordx-radio-card input[type='radio']:checked + .card-content-wrapper .card-content-inner .nordx-discount-badge  { color: var(--nordx-invert-color);  }

label.nordx-radio-card .card-content { display: flex; align-items: center; width: 100%; flex-wrap: wrap;}

label.nordx-radio-card .card-content h4 {
	font-size: 16px;
	text-align: left;
	width: 100%;
	margin-bottom: 10px;
	font-weight: 600;
	color: var(--nordx-primary-color, #3e553e);
}

label.nordx-radio-card .card-content h4 span { 
	display: block; 
	font-size: 13px;
	line-height: 1.4; 
	color: var(--nordx-primary-color, #3e553e);
	font-weight: normal;
}

.nordx-invert-colors label.nordx-radio-card input.nordx-variation-input:not(:checked) + .card-content-wrapper .card-content h4,
.nordx-invert-colors label.nordx-radio-card input.nordx-variation-input:not(:checked) + .card-content-wrapper .card-content h4 span { color: var(--nordx-invert-color); }

label.nordx-radio-card .card-content .nordx-price-container { 
	font-size: 18px; 
	font-weight: 600; 
	margin: 0px; 
	text-align: right; 
}

label.nordx-radio-card .card-content .nordx-price-container .nordx-price-regular { color: var(--nordx-primary-color, #3e553e); }

.nordx-invert-colors label.nordx-radio-card input.nordx-variation-input:not(:checked) + .card-content-wrapper .card-content .nordx-price-container .nordx-price-regular { color: var(--nordx-invert-color);}

label.nordx-radio-card .card-content .nordx-price-container .nordx-price-regular-cut { font-size: 13px; color: #7d7e79;}

label.nordx-radio-card .card-content .nordx-price-container .nordx-price-sale { color: var(--nordx-primary-color, #3e553e);}

.nordx-invert-colors label.nordx-radio-card input.nordx-variation-input:not(:checked) + .card-content-wrapper .card-content .nordx-price-container .nordx-price-sale { color: var(--nordx-invert-color);}

.nordx-new-product .woocommerce-variation-price { text-align: center; margin-bottom: 20px; }

.woocommerce div.product.nordx-new-product .woocommerce-variation-price .price { line-height: 20px; font-family: "Catamaran",Sans-serif;}

.woocommerce div.product.nordx-new-product .woocommerce-variation-price .price del {
	display: block;	
	font-size: 13px;
	opacity: 1;	
}

.woocommerce div.product.nordx-new-product .woocommerce-variation-price .price del bdi  { font-size: 13px; color: var(--nordx-primary-color, #3e553e); }

.woocommerce div.product.nordx-new-product .nordx-invert-colors .woocommerce-variation-price .price del bdi,
.woocommerce div.product.nordx-new-product .nordx-invert-colors .woocommerce-variation-price .price ins bdi { color: var(--nordx-invert-color); }

.woocommerce div.product.nordx-new-product .woocommerce-variation-price .price ins { text-decoration: none;}

@media screen and (min-width: 768px) {
	
	body .nordx-new-product { padding-left: 0px; padding-right: 0px;  }
	
	label.nordx-radio-card .card-content { flex-wrap: nowrap;}
	
	label.nordx-radio-card .card-content h4,
	label.nordx-radio-card .card-content .nordx-price-container { font-size: 20px;}
	
	label.nordx-radio-card .card-content h4 span,
	label.nordx-radio-card .card-content .nordx-price-container .nordx-price-regular-cut { font-size: 16px;}
	
	label.nordx-radio-card .card-content-inner .nordx-discount-badge { right: 0px; top: auto; }
	
}

@media screen and (min-width: 1024px) {	
	
/*	body .nordx-new-product { margin-top: 150px;  }	*/
	
	.nordx-new-product .woocommerce-variation-price { text-align: left;}
	
}

@media screen and (min-width: 1200px) {
	
	label.nordx-radio-card .card-content-wrapper { padding: 15px; }
	
	label.nordx-radio-card .card-content h4 { font-size: 20px;}
	
}

.woocommerce-variation .woocommerce-Price-amount { color: var(--nordx-primary-color, #3e553e); font-size: 20px; font-weight: 600; }

.nordx-invert-colors .woocommerce-variation .woocommerce-Price-amount { color: var(--nordx-invert-color); }

.woocommerce-product-details__short-description p { color: var(--nordx-primary-color, #3e553e); text-align: center;}

.nordx-invert-colors .woocommerce-product-details__short-description p { color: var(--nordx-invert-color); }

.woocommerce-variation .woocommerce-variation-description { color: var(--nordx-primary-color, #3e553e); text-align: center; margin-bottom: 15px;}

.nordx-invert-colors .woocommerce-variation .woocommerce-variation-description { color: var(--nordx-invert-color); }

.woocommerce-variation .woocommerce-variation-description .nordx-standard-subtitle { margin-left: 5px;}

@media screen and (min-width:1024px) {
	
	.woocommerce-product-details__short-description p,
	.woocommerce-variation .woocommerce-variation-description {text-align: left;}
	
}

/* Ikonice ispod add to cart */
.nordx-product-icons-cart-wrapper { 
	display: flex; 
	justify-content: space-between; 
	align-items: center; 
}

.nordx-tab { position: relative; }

.nordx-tab input { position: absolute; opacity: 0; z-index: -1; }

.nordx-tab__content { max-height: 0; overflow: hidden; transition: all 0.35s; }

.nordx-tab input:checked ~ .nordx-tab__content { max-height: 2000px;}

#nordx-tab-content-nordx-tab-input-description.nordx-tab__content { overflow:unset; }

/* TABS */
.nordx-accordion { }

.nordx-tab__label,
.nordx-tab__close { display: flex; background: #e6e2e3; cursor: pointer; }

.nordx-tab__label { justify-content: space-between; padding: 1rem; }

.nordx-tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}

.nordx-tab input:checked + .nordx-tab__label::after { transform: rotate(270deg); }

.nordx-tab__content p { margin: 0; }

.nordx-tab__close { justify-content: flex-end; padding: 0.5rem 1rem; font-size: 0.75rem; }


/* UPUTSTVO ZA UPOTREBU */
.nordx-product-section.nordx-tab2-repositioned.nordx-product-composition { padding-top: 40px; padding-bottom: 40px;}

.nordx-section-title {
	font-size: 28px;
    line-height: 36px;
	font-weight: 600;
	color: var(--nordx-primary-color, #3e553e);
	margin-bottom: 10px;
	text-align: center;
}

.nordx-product-composition h4 {
	border-top: 1px solid rgba(62, 85, 62, 0.5);
	padding-top: 30px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	color: var(--nordx-primary-color, #3e553e);
}

@media screen and (min-width: 768px) {
	
	.nordx-section-title { font-size: 36px; line-height: 48px; }
}

@media screen and  ( min-width: 1024px) {
	
	.nordx-product-section.nordx-tab2-repositioned.nordx-product-composition { padding-top: 100px; padding-bottom: 100px;}
	
	.nordx-section-title { font-size: 48px; line-height: 60px; margin-bottom: 30px;}
}

/* CARUSEL LIST */
.nordx-carousel-list-wrapper { clear: both; box-sizing: border-box; padding: 10px;}

.nordx-section-main-title {
	font-size: 28px;
    line-height: 36px;
	font-weight: 600;
	color: var(--nordx-primary-color, #3e553e);
	margin-bottom: 10px;
	text-align: center;
}

.nordx-section-subtitle { text-align: center;}

.nordx-carousel-list  {
	height: 290px;
	list-style: none; 
	margin: 0;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding: 0px;
	scrollbar-width: none; 
	-ms-overflow-style: none;  
	position: relative;
	width: 100%; 
	-webkit-overflow-scrolling: touch;
	counter-reset: timeline-step-counter;
}
	
.nordx-carousel-list li { flex: 0 0 auto; width: 70%; margin: 0 15px; counter-increment: timeline-step-counter;  }

.nordx-carousel-list li img { aspect-ratio: auto 162 / 101; }

.nordx-carousel-list li:first-child { margin-left: 0; }

.nordx-carousel-list li:last-child  { margin-right: 0;}

.nordx-carousel-list ::-webkit-scrollbar { display: none; }


.nordx-carousel-list li h4 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 18px;
	color: var(--nordx-primary-color, #3e553e);
}

.nordx-carousel-list li h4::before { content: counter(timeline-step-counter)".";}

@media screen and (min-width: 768px) {
	.nordx-section-main-title {
		font-size: 36px;
		line-height: 48px;
		margin-bottom: 15px;
	}
	
	.nordx-carousel-list li { width: 38%;}
}

@media screen and (min-width: 1024px) {
	
	.nordx-carousel-inner-wrap  { display: flex; padding: 100px 0;}
	
	.nordx-section-header-wrap { width: 30%; margin-right: 3%;}
	
	.nordx-carousel-list-wrapper { width: 67%;}
	
	.nordx-section-main-title {
		font-size: 48px;
		line-height: 60px;
		margin-bottom: 15px;
		text-align: left;
	}
	
	.nordx-section-subtitle { text-align: left; border-top: 1px solid rgba(62,85,62,.5); padding-top: 50px;}
	
	.nordx-carousel-list {
        /* Poništava Carousel Efekte: */
        height: auto; /* Visina se prilagođava sadržaju */
        flex-wrap: wrap; /* Omogućava prelom u nove redove */
        overflow-x: visible; /* Uklanja horizontalno skrolovanje */
        scroll-snap-type: none; /* Uklanja scroll-snap */
        display: grid; /* Prelazak na Grid raspored */
        
        /* Postavlja 3 kolone jednakih širina: */
        grid-template-columns: repeat(3, 1fr); 
        gap: 30px; /* Razmak između kolona i redova */
        padding: 0; /* Uklanja padding ako je bio potreban za mobile snap */
    }

    .nordx-carousel-list li {
        /* Poništava mobilne širine: */
        width: auto; /* Širina se određuje Grid sistemom (1fr) */
        flex: 1 1 auto; /* Poništava flex-shrink za mobile */
        margin: 0; /* Uklanja spoljne margine */
        
        /* Visina liste se sada kontroliše gridom, 
           što osigurava da sve LI kartice imaju istu visinu u redu. */
    }
}


/* =========================================================
   IKONICE TABOVI
   ========================================================= */
.nordx-product-icons-section { 
	padding: 40px 0;
	background-size: cover;
    background-position: center center;
}

.nordx-icons-main-title { 
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 10px;
	font-weight: 600;
	color: rgb(255, 255, 255);
	text-align: center;
	
}

.nordx-icons-main-subtitle {
	font-family: "Catamaran", sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	text-align: center;
	
}

.nordx-icons-filter-nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 35px 0 20px 0;
    overflow-x: auto;
    flex-wrap: nowrap;
	scroll-snap-type: x mandatory;
	scrollbar-width: none; 
	-ms-overflow-style: none;  
	-webkit-overflow-scrolling: touch; 
}

.nordx-icons-filter-nav li { flex-shrink: 0;  }

/* Stil Dugmeta za Filter */
.nordx-filter-btn {
    display: block;
    padding: 8px 15px;
    margin-right: 0px;
    background:  transparent;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: rgb(255, 255, 255);
    transition: all 0.2s ease;
	font-weight: 700;
	font-family: "Dosis", Sans-serif !important;
	border-radius: 8px;
}

.nordx-filter-btn:hover { background-color: rgb(255,255,255); color: var(--nordx-primary-color, #3e553e);}

.nordx-filter-btn.active {  color: var(--nordx-primary-color, #3e553e);  background-color: rgb(255, 255, 255); }

.nordx-icon-item {
	display: block;
	background-color: #e8eae0;
	padding: 20px;
	text-align: center;
	transition: transform 0.3s ease;
	box-sizing: border-box;
	border-radius: 15px;
	margin-bottom: 15px; 
}

.nordx-icon-title { color: var(--nordx-primary-color, #3e553e); }

@media screen and (min-width: 768px) {
	
	.nordx-icons-grid { display: grid; gap: 2.4rem; grid-template-columns: repeat(2,1fr); }
	
	.nordx-icon-item { margin-bottom: 0px; }
}

@media screen and (min-width:768px) {
	
	.nordx-icons-main-title { font-size: 36px; line-height: 48px; margin-bottom: 15px; }
	
}


@media screen and (min-width: 1024px) {
	
	.nordx-product-icons-section { 
		padding: 100px 0; 		
    	background-attachment: fixed;
	}
	
	.nordx-icons-filter-nav { display: none;  }
	
	.nordx-icons-main-title {
		font-size: 48px;
		line-height: 60px;	
		display: block;
		text-align: center;
	}
	
	.nordx-icons-main-subtitle {
		font-size: 22px;
		font-weight: 300;
		line-height: 33px;
		display: block;
		width: 35%;
		text-align: center;
		margin: 0 auto;
	}
	
	.nordx-icons-grid { margin: 85px 0 0 0;}
}


@media screen and (min-width: 1200px) {

 
    .nordx-icons-grid { display: grid; gap: 2.4rem; grid-template-columns: repeat(3,1fr); }
    
    .nordx-icon-item .nordx-icon-image-wrapper { margin: 0 auto 15px auto;  }

	.nordx-icon-item .nordx-icon-subtitle { }
}

/* =========================================================
   4. FAQ
   ========================================================= */

.nordx-faq-section { background-color: #e8eae0;}

.nordx-product-faq-wrapper { padding: 40px 0;}

.nordx-faq-heading {
	font-size: 28px;
    line-height: 36px;
	font-weight: 600;
	color: var(--nordx-primary-color, #3e553e);
	text-align: center;
}

.nordx-question-text {
	font-family: "Catamaran", Sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	color: var(--nordx-primary-color, #3e553e);
}

.nordx-accordion-section { width: 100%; }

.nordx-accordion-section  .nordx-tab { border-top: 1px solid rgb(51, 51, 51); padding: 10px; }

.nordx-accordion-section  .nordx-tab:last-child { border-bottom: 1px solid rgb(51, 51, 51);  }

.tab__input { display: none; }

/* --- 2. Label (Pitanje/Naslov) --- */
.tab__label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px 0;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 600;
    transition: color 0.2s ease;
}
.tab__label:hover { color: #0073aa; }

/* Ikona (+) */
.nordx-toggle-icon {
    font-size: 1.5em;
    line-height: 1;
    margin-left: 10px;
    font-weight: 700;
    transition: transform 0.3s ease;
	color: rgb(51, 51, 51);
}

.tab__content { max-height: 0; overflow: hidden; padding: 0; }

.tab__content p {
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
	font-family: "Catamaran", sans-serif;
	margin-bottom: 0;
}

.tab__input:checked + .tab__label + .tab__content { max-height: 1000px;  padding-bottom: 20px; }

/* Rotiranje/Izmena Ikone kada je čekirano */
.tab__input:checked + .tab__label .nordx-toggle-icon { transform: rotate(45deg); }

@media screen and (min-width: 768px) {
	
	.nordx-faq-heading { font-size: 36px; line-height: 48px; }
	
}

@media screen and (min-width: 1024px) {
	
	.nordx-product-faq-wrapper { display: flex; padding: 100px 0;}
	
	.nordx-question-text { font-size: 18px; }
	
	.tab__content p { font-size: 16px; }
	
	.nordx-faq-heading {
		font-size: 48px;
		line-height: 60px;
		margin: 0;
		text-align: left;
	}
	
}

/* --- TIMELINE SEKCIJA --- */
.nordx-product-timeline-section { background-color: rgb(232, 234, 224); padding: 40px 0; }

/* --- Osnova: Vertikalna Linija i Kontejner --- */
.nordx-timeline-container { 
	position: relative; 
	padding-left: 0; 
	padding: 30px; 
	background-color: rgb(246, 247, 239);
	border-radius: 30px; 
	margin-top: 30px;
}

.nordx-timeline-main-title {
	font-size: 28px;
	line-height: 36px;
	font-weight: 600;
	color: var(--nordx-primary-color, #3e553e);
	text-align: center;
	margin-bottom: 10px;
}

.nordx-timeline-main-subtitle {
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
	text-transform: uppercase;
	text-align: center;
	
}

.nordx-timeline-list { 
	position: relative; 
	margin: 0; 
	padding:0 ; 
	counter-reset: timeline-step-counter;
}

/* Vertikalna linija (Vaš kod - Radi) */
.nordx-timeline-list::before {
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	margin-left: -1px;
	width: 1px;
  	bottom: 13%;
	background: #3E553E;
	z-index: 1;
}

/* --- POJEDINAČNI KORAK (Sada 100% širine) --- */
.nordx-timeline-step {
    list-style: none;
    position: relative; 
    margin-bottom: 30px;
    padding: 0;
	counter-increment: timeline-step-counter;
}

.nordx-timeline-point {
    position: absolute;
    top: 0px; 
    transform: translateX(-50%); 
    width: 34px; 
    height: 34px;
    line-height: 34px; 
    text-align: center; 
    border-radius: 50%;
    background: var(--nordx-primary-color, #3e553e);
    color: #fff; 
    z-index: 2;
	left: 20px;  
}

.nordx-timeline-point::before {
	content: counter(timeline-step-counter);
	font-family: "Dosis", Sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: #FFFFFF;
}

/* Zajednički stil za sadržaj */
.nordx-timeline-content {
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	padding-left: 55px; 
	left: 0;
	right: 0;
	text-align: left;
}


/* --- Ostali stilovi (Vaš kod) --- */
.nordx-timeline-title {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
	line-height: 30px;
	font-family: "Dosis", sans-serif;
	color: var(--nordx-primary-color, #3e553e);
}
.nordx-timeline-description {
    font-size: 16px;
    line-height: 1.5em;
    word-spacing: 1px;
}

@media screen and ( min-width> 768px) {
	
	.nordx-timeline-main-title { font-size: 36px; line-height: 48px; }
}

@media screen and (min-width: 1024px) {
	
	.nordx-product-timeline-section { padding: 100px 0; }
  
    .nordx-timeline-content {
		width: calc(50% - 30px); 
		padding: 0 15px;
		position: absolute; 
		top: 0;
    }
	
	.nordx-timeline-container { padding: 80px; } 
	
	/* NEPARNI KORACI (ODD): IDU DESNO */
	.nordx-timeline-step:nth-child(odd) .nordx-timeline-content {
		left: calc(50% + 35px); /* Postavljanje desno od centra (15px je razmak) */
		text-align: left;
	}

	/* PARNI KORACI (EVEN): IDU LEVO */
	.nordx-timeline-step:nth-child(even) .nordx-timeline-content {
		right: calc(50% + 35px); /* Postavljanje levo od centra */
		text-align: right;
	}
	
	.nordx-timeline-list { margin: 0; }
	
	.nordx-timeline-main-title {
		font-size: 48px;
		line-height: 60px;	
		display: block;
		text-align: center;
	}
	
	.nordx-timeline-main-subtitle {
		font-size: 22px;
		font-weight: 300;
		line-height: 33px;
		display: block;
		width: 35%;
		text-align: center;
		margin: 0 auto;
	}
	
	.nordx-timeline-title {
		font-size: 28px;
		font-weight: 600;
		line-height: 38px;
	}

    .nordx-timeline-list::before { left: 50%; }

    .nordx-timeline-point {
        left: 50%; 
        transform: translateX(-50%); 
		width: 42px; 
		height: 42px;		
    }
	
	.nordx-timeline-point::before { font-size: 22px; line-height: 42px;  }
    
    .nordx-timeline-step {
        min-height: 140px; 
    }
}

/* =========================================
   5. Parallax Banner
   ========================================= */

.nordx-parallax-section {
	position: relative;
	height: 275px; 
	overflow: hidden; 
	margin:0;
	background-attachment: scroll;
	background-position-x: 50%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box
}

.nordx-parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    display: flex;
    justify-content: start;
    align-items: end;
	padding:0;
}

.nordx-parallax-content {
    text-align: left;
    color: #fff;
    padding: 20px;
	box-sizing: border-box;
}

.nordx-parallax-title {
    margin: 10px 0 0 0;
    font-size: 33px;
    line-height: 30px;
	font-family: "Dosis", Sans-serif;
	font-weight: 600;
	color: #FFFFFF;
}

/* Stilizacija za dinamičku Zastavu/Zemlju */
.nordx-country-flag {
    display: block;
    width: 125px; 
    height: 8px;
    margin: 0 0 10px 0;
	position: relative;
}

/* Primer specifičnih klasa za zastavu - MORAŠ IH DEFINISATI! */

.nordx-country-flag.france,
.nordx-country-flag.italy { background-color: #fff; }

.nordx-country-flag.germany { background-color: #ce1127; }


.nordx-country-flag.france::before,
.nordx-country-flag.france::after,
.nordx-country-flag.italy::before,
.nordx-country-flag.italy::after,
.nordx-country-flag.germany::before,
.nordx-country-flag.germany::after  {
	content: '';
	width: 42px;
	height: 8px;
	position: absolute;
	top: 0;
}

.nordx-country-flag.france::before { left: 0; background-color: #002653; }
.nordx-country-flag.france::after,
.nordx-country-flag.italy::after { right: 0; background-color: #ce1127; }

.nordx-country-flag.italy::before { left: 0; background-color: #15a25e; }

.nordx-country-flag.germany::before { left: 0; background-color: #242021; }
.nordx-country-flag.germany::after { right: 0; background-color: #f2cf01; }
 

@media screen and (min-width: 1024px) {
	
    .nordx-parallax-section {
		min-height: 90vh;
		background-attachment: fixed; 
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
    }
	
	.nordx-parallax-overlay { padding: 60px 0;}
	
    .nordx-parallax-title {  font-size: 52px; line-height: 60px; }
	
	.nordx-country-flag { width: 264px; height: 15px; }
	
	.nordx-country-flag.france::before,
	.nordx-country-flag.france::after,
	.nordx-country-flag.italy::before,
	.nordx-country-flag.italy::after,
	.nordx-country-flag.germany::before,
	.nordx-country-flag.germany::after { width: 88px; height: 15px; }
}


/* =========================================================
   6. Opis veliki
   ========================================================= */

.nordx-product-long-description { clear: both; padding-top: 60px; }

#nordx-tab-content-nordx-tab-input-description h3,
.nordx-product-long-description h3{
	font-size: 28px;
    line-height: 36px;
	font-weight: 600;
	color: var(--nordx-primary-color, #3e553e);
	text-align: center;
}

#nordx-tab-content-nordx-tab-input-description h3 + h5,
.nordx-product-long-description h3 + h5 { 
	font-family: "Catamaran", Sans-serif!important;
	font-size: 16px;
	text-align: center;
	line-height: 24px;
	font-weight: 400;
}

#nordx-tab-content-nordx-tab-input-description ul,
.nordx-product-long-description ul { 
	position: relative; 
	margin: 35px 0 0 0; 
	padding:0 ; 
	counter-reset: timeline-step-counter;
	z-index: 1;
}

#nordx-tab-content-nordx-tab-input-description ul::before,
.nordx-product-long-description ul::before{
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	margin-left: -1px;
	width: 1px;
  	/*bottom: 185px;*/
	bottom: 19%;
	background: #3E553E;
	z-index: 1;
}

#nordx-tab-content-nordx-tab-input-description ul li,
.nordx-product-long-description ul li{
    list-style: none;
    position: relative; 
    margin-bottom: 30px;
    padding: 0 0 0 4em;
	counter-increment: timeline-step-counter;
}

#nordx-tab-content-nordx-tab-input-description ul li h5,
.nordx-product-long-description ul li h5 {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	color: var(--nordx-primary-color, #3e553e);
}


#nordx-tab-content-nordx-tab-input-description ul li::before,
.nordx-product-long-description ul li::before {
	content: counter(timeline-step-counter);
	font-family: "Dosis", Sans-serif;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	position: absolute;
    top: 0px; 
    transform: translateX(-50%); 
    width: 34px; 
    height: 34px;
    line-height: 34px; 
    text-align: center; 
    border-radius: 50%;
    background: var(--nordx-primary-color, #3e553e); 
    z-index: 2;
	left: 20px;  
}

#nordx-tab-content-nordx-tab-input-description ul li.is-active::before,
.nordx-product-long-description ul li.is-active::before {
   
}


@media screen and ( max-width: 1023px ) {
	
	#nordx-tab-content-nordx-tab-input-description .nordx-last-details .nordx-p-wrap p,
	.nordx-product-long-description .nordx-last-details .nordx-p-wrap {		
		padding-top: 1.6rem;
		position: sticky;
		z-index: 90;
		top: 80px;
	}
}

@media screen and ( max-width: 767px ) {
	
	#nordx-tab-content-nordx-tab-input-description .nordx-last-details .nordx-p-wrap p,
	.nordx-product-long-description .nordx-last-details .nordx-p-wrap {		
		padding-top: 1.6rem;
		position: sticky;
		z-index: 90;
		top: 54px;
	}
}

@media screen and (min-width: 768px ) {
	
	#nordx-tab-content-nordx-tab-input-description h3,
	.nordx-product-long-description h3{
		font-size: 36px;
		line-height: 48px;
	}
	
}


@media screen and (min-width: 1024px) {
	
	.nordx-product-long-description { padding-top: 100px; }
	
	#nordx-tab-content-nordx-tab-input-description .nordx-last-details .nordx-p-wrap p,
	.nordx-product-long-description .nordx-last-details .nordx-p-wrap p { 
		padding-top: 1.6rem;
		position: sticky;
		z-index: 90;
		top: 20px;
	}

	.nordx-last-details {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 6.4rem;
		margin-top: 2.4rem;
	}
	
	#nordx-tab-content-nordx-tab-input-description h3,
	.nordx-product-long-description h3{ 
		font-size: 48px;
		line-height: 60px;
		display: block;
		text-align: center;
	}
	
	#nordx-tab-content-nordx-tab-input-description h3 + h5,
	.nordx-product-long-description h3 + h5{ 
		max-width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#nordx-tab-content-nordx-tab-input-description .nordx-last-details p,
	.nordx-product-long-description .nordx-last-details p { top: 20px; } 
	
	#nordx-tab-content-nordx-tab-input-description ul li::before,
	.nordx-product-long-description ul li::before { 
		height: 42px;
		width: 42px;
		line-height: 42px;
		font-size: 22px;
	}
}

/* Lista Ikonica iznad tabova */

.nordx-short-icons-list-section { background-color: rgba(178, 182, 165, 0.2); padding-top: 40px; padding-bottom: 40px;}

.nordx-short-icon-list  {
	list-style: none; 
	margin: 0;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding: 0px;
	scrollbar-width: none; 
	-ms-overflow-style: none;  
	position: relative;
	width: 100%; 
	-webkit-overflow-scrolling: touch;
}
	
.nordx-short-icon-list li { flex: 0 0 auto; min-width: 0; width: 35%; margin: 0 10px; text-align: center;}

.nordx-short-icon-list li:first-child { margin-left: 0;}

.nordx-short-icon-list li:last-child { margin-right: 0;}

.nordx-short-list-title {
	font-size: 20px;
    line-height: 24px;
	font-weight: 600;
	margin-bottom: 10px;
	color: var(--nordx-primary-color, #3e553e);
}

.nordx-short-list-subtitle { margin-bottom: 0; color: var(--nordx-primary-color, #3e553e); }

.nordx-short-icon-list li img { width: 74px; height: 74px; margin: 5px auto;}

@media screen and ( min-width: 768px) {
	
	.nordx-short-icon-list li { width: 36%;}
	
}

@media screen and ( min-width: 1024px) {
	
	.nordx-short-icons-list-section  { padding-top: 60px; padding-bottom:  60px;}
	
	.nordx-short-icon-list li { flex: 1 0 0; }
	
	.nordx-short-list-title { font-size: 26px; line-height: 30px;}
	
}

/* =========================================================
   7. Povezani proizvodi
   ========================================================= */

.related.products .section-inner-container  { padding-top: 40px; }

.related.products .section-inner-container > h2 {
	font-size: 28px;
    line-height: 36px;
	font-weight: 600;
	color: var(--nordx-primary-color, #3e553e);
	text-align: center;
}

.related.products .woocommerce-loop-product__title {
	font-size: 18px;
	color: var(--nordx-primary-color, #3e553e);
	font-weight: 600;
	line-height: 22px;
}

.related.products .woocommerce-loop-product__title span {
	font-weight: 400;
}

.related.products .product .woocommerce-loop-product__link .price {
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	color: var(--nordx-primary-color, #3e553e);
	font-family: "Catamaran",Sans-serif;
	text-align: left!important;
}

.related.products .product .woocommerce-loop-product__link .price del bdi  { font-size: 13px; color: #7d7e79; }

.related.products .product .woocommerce-loop-product__link .price ins { text-decoration: none;}

.related.products .product .button {
	border-radius:3px;
	color: var(--nordx-primary-color, #3e553e);
	border: 1px solid rgb(62, 85, 62);
	background-color: transparent;
	font-family: "Catamaran",Sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	padding: 8px 22px 8px 40px;
	
}

.related.products .product .button::before { 
	content: ""; 
	background:url("assets/img/icons/cart-icon.png"); 
	width: 16px; 
	height: 18px;
	position: absolute;
	left: 10px;
}

@media screen and (min-width: 768px) {
	
	.related.products .section-inner-container > h2 { font-size: 36px; line-height: 48px; }
}

@media screen and ( min-width: 1024px ) {
	
	.related.products .section-inner-container  { padding-top: 100px; }
	
	.related.products .section-inner-container > h2 { font-size: 48px; line-height: 60px; margin-bottom: 30px; }
	
	.related.products .woocommerce-loop-product__title { font-size: 18px; }
	
}

/* Slideshow thumbnails */

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { display: none !important; }

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: none;}


.woocommerce div.product div.images .flex-control-thumbs  { display: flex; flex-direction: row; justify-content: space-between;}

.woocommerce div.product div.images .flex-control-thumbs li { width: auto !important; margin-top: 15px; }

.woocommerce-product-gallery .flex-control-thumbs li img {
	inline-size: 100%;
	aspect-ratio: 1/1;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px;
	border: 2px solid transparent;
	box-sizing: border-box;
}

.woocommerce-product-gallery .flex-control-thumbs li img.flex-active { border: 2px solid #f2f2f2; }


/* ==============================================
   Sticky Add to Cart Bar CSS (AŽURIRANO)
   ============================================== */

.nordx-sticky-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999; /* Da bude iznad svega */
    background: #ffffff;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    padding: 10px 5%; /* Koristimo 5% padding za bolji izgled na ivicama */
    box-sizing: border-box;
    
    /* INICIJALNO SAKRIVANJE POMOĆU TRANSFORM-a */
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    
    /* Dodajemo da sprečimo interakciju i sakrijemo vizuelne artefakte dok je sakrivena */
    pointer-events: none; 
    opacity: 0;
}

/* Stanje kada je vidljiva */
.nordx-sticky-bar.is-visible {
    transform: translateY(0);
    pointer-events: auto; /* Omogućava klikove */
    opacity: 1;
}

/* Kontejner za dvoredni raspored */
.nordx-sticky-content-wrap {
    display: flex;
    flex-direction: column; /* Stavi elemente jedan ispod drugog */
    align-items: stretch; 
    max-width: 1200px; 
    margin: 0 auto;
}

/* ----------------------------------------------
   RED 1: DETALJI i CENA (Naslov, Varijacije, Cena)
   ---------------------------------------------- */

.nordx-sticky-details-row {
    display: flex;
    justify-content: space-between; 
    align-items: center; /* Vertikalno centriramo red (Info Wrap vs Cena) */
    padding-bottom: 5px; 
    font-size: 14px;
    width: 100%;
}

/* Wrapper za Naslov i Varijaciju (deo koji ide levo i ide u dva reda) */
.nordx-sticky-info-wrap {
    display: flex;
    flex-direction: column; /* Naslov IZNAD Varijacije */
    flex-grow: 1;
    margin-right: 15px; /* Razmak do cene */
    min-width: 0; /* Omogućava da se tekst unutar njega ne prelije */
}

/* Naslov proizvoda - dozvoljavamo prelom (više se ne odseca) */
.nordx-sticky-title {
    font-weight: bold;
    color: #333;
    white-space: normal; /* DOZVOLJAVA PRELOM REDA */
    overflow: visible;
    text-overflow: clip; 
    margin-right: 0; /* Uklanjanje stare margine */
    line-height: 1.2;
	font-size: 12px;
}

/* Stilizacija za varijaciju (manja slova) */
.nordx-sticky-variation-info {
    font-size: 0.9em;
    color: #666;
    margin-top: 2px; /* Mali razmak ispod naslova */
	font-weight: 300;
}

/* Element unutar variation-info - uklanjamo labelu */
.nordx-sticky-variation-info span {
    margin-left: 0; /* Uklanjamo marginu jer nema labele */
}

/* Kontejner za Cenu (desna strana) */
.nordx-sticky-price-wrap {
    font-size: 1.1em;
    font-weight: bold;
    white-space: nowrap; /* Osigurava da se cena ne prelama */
    text-align: right;
    flex-shrink: 0; /* Osigurava da se cena ne smanji */
    /* Stilovi unutar WooCommerce-a, posebno za ukupnu cenu */
    
    /* Ako se koristi span.total-price-label, možemo ga stilizovati: */
    /* .nordx-sticky-price-wrap .total-price-label { 
        display: none; 
    } */
}

.nordx-sticky-price-wrap .price del {
	display: block;
  text-align: right;
  opacity: .5;
  font-size: 12px;
}

.nordx-sticky-price-wrap .price ins { text-decoration: none; }

.nordx-sticky-price-wrap .price ins .total-price-label { font-size: 12px;}

/* ----------------------------------------------
   RED 2: AKCIJE (Količina i Dugme) - (Nepromenjeno)
   ---------------------------------------------- */

.nordx-sticky-actions-row {
    display: flex;
    align-items: center;
}

/* Prilagođavanje WooCommerce forme unutar sticky trake */
.nordx-sticky-actions-row form.cart {
    display: flex;
    align-items: center;
    margin: 0;
    width: 100%; 
    justify-content: space-between; 
}

/* Polje za količinu */
.nordx-sticky-actions-row .quantity {
    margin-right: 15px;
    flex-shrink: 0; 
}

.nordx-sticky-actions-row input[type="number"] {
    height: 35px; 
    width: 60px; 
    text-align: center;
    padding: 5px;
}

/* Dugme "Dodaj u korpu" */
.nordx-sticky-actions-row button.single_add_to_cart_button {
    flex-grow: 1; 
    text-align: center;
    margin: 0; 
    line-height: 1.7;
}

/* Skrivanje elemenata koji nisu potrebni (npr. hidden inputi) */
.nordx-sticky-actions-row form.cart input[type="hidden"] {
    display: none;
}

/* ==============================================
   Media Query za Desktop (Sakrivanje Sticky Bar-a)
   ============================================== */

@media (min-width: 1025px) {
    /* Potpuno sakrivanje Sticky Bar-a na desktop rezolucijama */
    .nordx-sticky-bar {
        display: none !important;
    }
}


/* ==============================================
   HIGHLIGHT SEKCIJA - PLAVA SA ACCORDION I GALERIJOM
   ============================================== */

.nordx-highlight-section { padding-top: 60px; padding-bottom: 60px;}

.nordx-highlight-section .nordx-highlight-title {
	font-size: 35px;
    line-height: 40px;
	font-weight: 700;
	color: var(--nordx-primary-color, #3e553e);
}

.nordx-highlight-section .nordx-highlight-subtitle {
	font-family: "Catamaran", sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 28px;
	color: var(--nordx-primary-color, #3e553e);
	text-transform: uppercase;
	margin-top: 35px;
	margin-bottom: 35px;
	display: block;
}

.nordx-highlight-accordion  {}

.nordx-highlight-accordion .nordx-tab { background-color: #2B597D; margin-bottom: 10px; border-radius: 10px;  }

.nordx-highlight-accordion .tab__input:checked + .tab__label { background-color: #00B3ED;}

.nordx-highlight-accordion .tab__label {  border-radius: 10px; padding: 15px; font-size: 18px; line-height: 22px;  }

.nordx-highlight-accordion  .tab__content-inner { padding: 30px; box-sizing: border-box; }


.nordx-col-right { margin-top: 40px;}

.nordx-highlight-description-text {
	font-size: 28px;
	font-weight: 500;
	line-height: 36px;
	margin-bottom: 30px;
}

.nordx-highlight-accordion .nordx-question-text { font-weight: 400; display: flex; gap:15px; align-items: center;}

.nordx-acc-icon { display: none;}


/* Invert colors */
.nordx-new-product .nordx-invert-colors .nordx-highlight-subtitle,
.nordx-new-product .nordx-invert-colors .nordx-highlight-title,
.nordx-new-product .nordx-invert-colors .nordx-highlight-description-text p,
.nordx-new-product .nordx-invert-colors .nordx-toggle-icon,
.nordx-highlight-accordion .nordx-question-text,
.nordx-highlight-accordion .tab__content-inner {  color: var(--nordx-invert-color);}


.nordx-highlight-gallery-grid {
    display: grid;
    grid-template-columns: 1fr; /* Sve ide u jednu kolonu */
    gap: 1.5rem; /* Razmak između slika, podesi po želji */
}

.nordx-gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Sprečava distorziju slike */
    border-radius: 8px; /* Opciono: zaobljeni uglovi */
}

@media screen and (min-width: 768px ) {
	
	.nordx-highlight-section { padding-top: 100px; padding-bottom: 100px;}
	
	.nordx-highlight-section .nordx-highlight-title { font-size: 62px;  line-height: 52px;}
	
	.nordx-highlight-section .nordx-highlight-subtitle  { font-size: 38px; font-weight: 600; text-transform: uppercase; line-height: 37px; margin: 52px 0px 35px 0px;}
	
	.nordx-highlight-section .nordx-question-text { font-size: 25px; line-height: 28px;}
	
	.nordx-highlight-accordion .tab__label {  padding: 15px 30px; }
	
	.nordx-acc-icon { display: block;}
	
	.nordx-highlight-accordion .tab__content-inner p { font-size: 18px; line-height: 22px;}
	

	
    .nordx-highlight-gallery-grid { grid-template-columns: 1fr 1fr; }

    .nordx-img-main { grid-column: span 2; }

    .nordx-img-sub img { aspect-ratio: auto 329 / 404;  }
}


@media screen and (min-width: 1024px) {	
	
	.nordx-highlight-accordion .nordx-question-text { font-size: 24px; line-height: 32px;}
	
	.nordx-col-right { margin-top: 0;}
	
		.nordx-highlight-grid { 
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 3.4rem;
		margin-top: 2.4rem;
	}
	
	
}


@media screen and (min-width: 1024px) {
	
/* Kada body ima tvoju klasu, promeni boju linkova u Elementor headeru */
body.nordx-invert-color .elementor-nav-menu .elementor-item {
    color: var(--nordx-invert-color)!important; 
}

/* Menja i boju strelica u podmeniju */
body.nordx-invert-color .elementor-nav-menu .sub-arrow svg {
    fill: var(--nordx-invert-color) !important;
}

/* Menja boju ikonice korpe */
body.nordx-invert-color .elementor-menu-cart__toggle_button svg {
    fill: var(--nordx-invert-color) !important;
}


	
body.nordx-invert-color .elementor-element.elementor-element-3a9cabc img {
    filter: brightness(0) invert(1) !important;
    transition: all 0.3s ease; /* Opciono: glatka promena */
}
	
body.nordx-invert-color header.elementor-element.elementor-element-a565f12 { border-color:var(--nordx-invert-color) !important; }
	
}

.elementor-widget-container .price,
.elementor-widget-container .price ins { font-size: 16px!important;}


/* 1. Dodavanje teksta ispred glavne cene na stranici proizvoda */
.entry-summary .price > .woocommerce-Price-amount bdi::before,
.woocommerce-variation-price ins .woocommerce-Price-amount bdi::before,
.woocommerce-variation-price > .woocommerce-Price-amount bdi::before {
    content: "Ukupna cena: ";
    font-weight: 600;
    display: inline-block;
    margin-right: 5px;
}

/* 2. Dodavanje teksta u Sticky Bar */
.nordx-sticky-price-wrap .woocommerce-Price-amount::before {
    content: "Ukupna cena: ";
    font-weight: 600;
    display: inline-block;
    margin-right: 5px;
}

/* 3. VAŽNO: Sprečavanje da se tekst pojavi ispred precrtane (stare) cene */
del .woocommerce-Price-amount bdi::before {
    content: "" !important;
}

.post-9710 .elementor-element-3d9c8d1 ins,
.post-9605 .elementor-element-3d9c8d1 ins,
.post-9887 .elementor-element-3d9c8d1 ins,
.post-9933 .elementor-element-3d9c8d1 ins,
.post-9990 .elementor-element-3d9c8d1 ins { color: rgb(204, 51, 102)!important;}