@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//tonerhouse.rs/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
	font-display:block;
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//tonerhouse.rs/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//tonerhouse.rs/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//tonerhouse.rs/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//tonerhouse.rs/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//tonerhouse.rs/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//tonerhouse.rs/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//tonerhouse.rs/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//tonerhouse.rs/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(45,41,38);
	--wd-text-font-size: 14px;
	--wd-title-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: rgb(51,51,51);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "DM Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 22px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(224,0,114);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: rgb(239,239,239);
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(26,119,196);
	--btn-accented-bgcolor-hover: rgb(26,130,204);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(18,18,146);
	--wd-link-color-hover: rgb(16,16,133);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: scroll;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 178px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(32,32,32);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "DM Sans", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 22px;
	color: rgb(57,57,57);
}
html .wd-nav.wd-nav-main > li > a {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 16px;
	text-transform: none;
	color: rgb(255,255,255);
}
html .wd-nav.wd-nav-main > li:hover > a, html .wd-nav.wd-nav-main > li.current-menu-item > a {
	color: rgb(255,255,255);
}
html .wd-page-title .wd-breadcrumbs a, html .wd-page-title .wd-breadcrumbs span, html .wd-page-title .yoast-breadcrumb a, html .wd-page-title .yoast-breadcrumb span, html .wd-page-title .rank-math-breadcrumb a, html .wd-page-title .rank-math-breadcrumb span, html .wd-page-title .aioseo-breadcrumbs a, html .wd-page-title .aioseo-breadcrumbs span, html .wd-page-title .breadcrumb a, html .wd-page-title .breadcrumb li {
	font-family: "DM Sans", Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 9px;
	color: rgb(86,86,86);
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu > li > a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a, html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu li a, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a, html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: rgb(45,45,45);
}
html .wd-dropdown-menu.wd-design-sized .wd-sub-menu > li > a:hover, body .wd-dropdown-menu.wd-design-full-width .wd-sub-menu > li > a:hover, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu  > li > a:hover, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu > li > a:hover, html .wd-dropdown-menu.wd-design-sized .sub-sub-menu li a:hover, html .wd-dropdown-menu.wd-design-full-width .sub-sub-menu li a:hover, body .wd-dropdown-menu.wd-design-aside .wd-wp-menu > .sub-sub-menu .sub-sub-menu  li a:hover, body .wd-dropdown-menu.wd-design-aside .wd-sub-menu .wd-sub-menu .sub-sub-menu li a:hover, html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a:hover {
	color: rgb(214,59,132);
}
html .wd-product .price, html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price {
	font-size: 25px;
	color: rgb(225,47,137);
}
html .wd-product .price {
	font-family: "DM Sans", Arial, Helvetica, sans-serif;
	font-size: 15px;
}
html .cookies-buttons .cookies-accept-btn {
	background: rgb(224,0,114);
}
html .cookies-buttons .cookies-accept-btn:hover {
	background: rgb(224,0,114);
}
.product-labels .product-label.onsale {
	background-color: rgb(255,102,102);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(186,186,186);
	color: rgb(58,58,58);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 20px;
	}

}

@media (max-width: 768.98px) {
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 20px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

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


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "Muli-Light";
	font-weight: 400;
	font-display:block;
	font-style: normal;
}

body,
.woocommerce-breadcrumb,
.wp-block-table,
.shop_table,
.cart-totals-inner,
.wd-nav {
    font-family: 'DM Sans', sans-serif;
}

/* Stil za breadcrumb */
.woocommerce-breadcrumb {
    color: #393939;
    font-size: 9px;
}

/* Stil za navigaciju */
.wd-nav[class*="wd-style-"] > li.current-menu-item > a {
    color: white;
    text-decoration: underline;
    text-decoration-color: white !important;
}

.wd-nav > li:is(.wd-has-children, .menu-item-has-children) > a:after {
    display: none;
}

/* Skrivanje određenih elemenata */
body .wd-shop-tools p {
    display: none !important;
}

/* Stil za tabele (globalno .wp-block-table) */
.wp-block-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    color: #222;
    margin-top: 1.75rem;
    table-layout: auto;
}

.wp-block-table th,
.wp-block-table td {
    text-align: left;
    padding: 8px 10px;
    transition: background-color 0.3s ease;
    word-wrap: break-word;
}

.wp-block-table th {
    width: 30%;
    font-weight: 600;
    color: #555;
    background-color: #f9fafb;
}

.wp-block-table td {
    background-color: #ffffff;
}

.wp-block-table td:first-child,
.wp-block-table th:first-child {
    background-color: #f1f3f5;
    color: #333;
}

/* Responsive tabele */
@media (max-width: 768px) {
    .wp-block-table {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        display: block;
        margin-bottom: 15px;
    }

    .wp-block-table th,
    .wp-block-table td {
        padding: 8px 10px;
    }

    .wp-block-table td {
        width: auto !important;
    }

    .responsive-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .wp-block-table {
        display: table;
        width: 100%;
    }
}

/* Short description – osnovna tipografija (desktop) */
.woocommerce-product-details__short-description p {
    font-size: 13.5px;
    line-height: 1.5;
    margin-bottom: 12px !important;
}

/* Short description – tabela (desktop) */
.woocommerce-product-details__short-description table,
.woocommerce-product-details__short-description th,
.woocommerce-product-details__short-description td {
    font-size: 12.5px;
    padding: 6px 8px;
    border-collapse: collapse;
    color: #222;
    background-color: #fff;
}

/* Short description – tabela layout + kolone */
.woocommerce-product-details__short-description table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto;
    border-collapse: collapse;
}

.woocommerce-product-details__short-description td {
    vertical-align: top;
    overflow-wrap: break-word;
    word-break: normal;
}

/* Leva kolona u short description tabeli */
.woocommerce-product-details__short-description td:first-child {
    white-space: nowrap;
    width: 38%;
    padding-right: 10px;
}

/* Desna kolona može da se lomi normalno */
.woocommerce-product-details__short-description td:last-child {
    white-space: normal;
}

/* Short description – mobilni */
@media (max-width: 768px) {
    .woocommerce-product-details__short-description {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .woocommerce-product-details__short-description table,
    .woocommerce-product-details__short-description th,
    .woocommerce-product-details__short-description td {
        font-size: 12.5px;
        padding: 6px 8px;
    }
}

/* Stil za iznos u korpi / totals */
.cart-totals-inner table tr:last-child th,
.cart-totals-inner table tr:last-child td {
    font-size: 12.5px;
}

.cart-totals-inner > h2 {
    font-size: 17px;
}

.cart-totals-inner .woocommerce-shipping-destination {
    font-size: 9px;
}

/* Stil za shipping */
/* float: middle je nevalidan, ali ga ostavljam kao neutralan no-op */
#shipping_method input.shipping_method {
    float: middle;
}

.shop_table .woocommerce-shipping-methods li {
    text-align: left;
    font-size: 12px;
}

.shop_table .woocommerce-shipping-methods input.shipping_method {
    margin: 0 8px 8px 0;
    float: none;
}

.shop_table .woocommerce-shipping-methods label {
    display: inline-block;
}

/* Shipping – raspored u korpi */
.woocommerce-cart ul#shipping_method {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

/* Shipping – specifičan raspored u korpi */
.woocommerce-cart ul#shipping_method {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-end;
    padding-right: 20px;
}

.woocommerce-cart ul#shipping_method > li:nth-child(1) { order: 1; }
.woocommerce-cart ul#shipping_method > li:nth-child(2) { order: 3; }
.woocommerce-cart ul#shipping_method > li:nth-child(3) { order: 2; margin-bottom: 10px; }

/* Shipping totals tabela */
.woocommerce-shipping-totals ul#shipping_method {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-end;
    padding-right: 20px;
}

.woocommerce-shipping-totals ul#shipping_method > li:nth-child(1) { order: 1; }
.woocommerce-shipping-totals ul#shipping_method > li:nth-child(2) { order: 3; }
.woocommerce-shipping-totals ul#shipping_method > li:nth-child(3) { order: 2; margin-bottom: 10px; }

/* Shipping – poravnanja za različite širine ekrana */
@media (max-width: 1024px) {
    .woocommerce-shipping-methods li { display: flex; align-items: center; }
    .woocommerce-shipping-methods li label { margin-left: 20px; }
}

@media (min-width: 1024px) {
    td[data-title="Dostava"] { display: flex; justify-content: flex-end; }

    .woocommerce-shipping-methods {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .woocommerce-shipping-methods li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-left: 0;
    }

    .woocommerce-shipping-methods li label { margin-left: 10px; }
}

.woocommerce-shipping-methods li label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Related proizvodi */
.woocommerce .related h2 { text-transform: uppercase !important; }

/* Out of stock label */
.product-labels .product-label.out-of-stock,
.product-label.out-of-stock {
    background-color: #808080 !important;
    color: white !important;
    font-size: 11px;
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 3px;
    font-weight: 500;
    position: relative;
    top: initial;
    left: initial;
    z-index: 9;
}

/* Naslovi elemenata */
.wd-el-title { text-transform: uppercase; }

/* Sufiks cene */
.woocommerce-price-suffix { font-size: 55%; }

/* price-without-tax */
.single-product .price-without-tax {
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
    margin-top: 4px !important;
    opacity: 0.95 !important;
}

@media (min-width: 769px) {
    body.archive .price-without-tax,
    body.post-type-archive-product .price-without-tax,
    body.tax-product_cat .price-without-tax {
        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
        color: #6b7280 !important;
        margin-top: 3px !important;
        opacity: 0.92 !important;
    }
}

.upsell .price-without-tax,
.related .price-without-tax {
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    color: #9ca3af !important;
    margin-top: 2px !important;
    opacity: 0.9 !important;
}

@media (max-width: 768px) {
    .price-without-tax {
        font-size: 12px !important;
        line-height: 1.25 !important;
        font-weight: 400 !important;
        color: #6b7280 !important;
        margin-top: 3px !important;
        opacity: 0.95 !important;
    }

    .upsell .price-without-tax,
    .related .price-without-tax {
        font-size: 11px !important;
        color: #9ca3af !important;
        opacity: 0.92 !important;
    }
}

/* Tooltip */
.tooltip-wc { position: relative; display: inline-block; cursor: pointer; }
.tooltip-wc .tooltip-icon {
    background-color: #eee;
    color: #333;
    border-radius: 50%;
    padding: 2px 6px;
    font-weight: bold;
    font-size: 12px;
}
.tooltip-wc .tooltip-text {
    visibility: hidden;
    opacity: 0;
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    position: absolute;
    top: 125%;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.3s;
    z-index: 9999;
    width: max-content;
    max-width: 200px;
}
.tooltip-wc:hover .tooltip-text { visibility: visible; opacity: 1; }

/* Tabs description tabele */
.woocommerce-Tabs-panel--description table,
.woocommerce-Tabs-panel--description th,
.woocommerce-Tabs-panel--description td {
    font-size: 14px;
    border-collapse: collapse;
    padding: 8px 10px;
    color: #222;
    background-color: #fff;
}
.woocommerce-Tabs-panel--description th {
    font-weight: 600;
    background-color: #f9fafb;
    text-align: left;
}
.woocommerce-Tabs-panel--description td:first-child,
.woocommerce-Tabs-panel--description th:first-child {
    background-color: #f1f3f5;
    color: #333;
}
@media (max-width: 768px) {
    .woocommerce-Tabs-panel--description table,
    .woocommerce-Tabs-panel--description th,
    .woocommerce-Tabs-panel--description td {
        font-size: 12.5px;
        padding: 6px 8px;
    }
}

/* GLOBALNI LOD za tabele s bullet-listama */
table td ul,
table th ul { margin: 0; padding-left: 1.1em; }
table td,
table th { vertical-align: middle; padding: 0.25rem 0.45rem; }

/* Autocomplete dropdown širina */
@media (min-width: 1025px) {
    .dgwt-wcas-suggestions-wrapp {
        width: 1000px !important;
        max-width: 95vw !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

/* Sakrivanje cena u search dropdown-u */
dgwt-wcas-pd-price,
.dgwt-wcas-tpd-price { display: none; }
.dgwt-wcas-suggestion .price-without-tax { display: none !important; }

/* Badge */
.th-badge {
    --bg: #2563eb;
    --fg: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    min-width: 24px;
    padding: 0 7px;
    border-radius: 3px;
    background: var(--bg);
    color: var(--fg);
    font-size: 10px;
    font-weight: 600;
	    letter-spacing: 0.04em;
    line-height: 1;
    white-space: nowrap;
	 margin: 0 2px 0 0; /* KLJUČNO – razmak od teksta */
    vertical-align: middle;
}

/* GLAVNI MENI – boje */
.wd-header-main-nav .wd-nav > li > a,
.wd-header-main-nav .wd-nav > li > a .nav-link-text { color: #111111 !important; }
.wd-header-main-nav .wd-nav > li > a:hover,
.wd-header-main-nav .wd-nav > li > a:hover .nav-link-text { color: #D2056D !important; }

/* MOBILE HEADER – belo */
@media (max-width: 1024px) {
    header.whb-header,
    header.whb-header .whb-main-header,
    header.whb-header .whb-main-header .whb-row,
    header.whb-header .whb-main-header .whb-row-inner {
        background-color: #ffffff !important;
        box-shadow: none !important;
        border: none !important;
    }
    header.whb-header::before,
    header.whb-header::after { display: none !important; }
    .whb-header .whb-row,
    .whb-header .whb-row-inner {
        border-bottom: 0 !important;
        box-shadow: none !important;
    }
    .whb-row[style],
    .whb-row-inner[style] { background-color: #ffffff !important; }
}

/* DESKTOP MENU – tipografija */
.wd-header-main-nav .wd-nav > li > a,
.wd-header-main-nav .wd-nav > li > a .nav-link-text {
    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    color: rgba(0, 0, 0, 0.85) !important;
    transition: color 0.2s ease;
}

/* Aktivna stavka */
.wd-header-main-nav .wd-nav > li.current-menu-item > a,
.wd-header-main-nav .wd-nav > li.current-menu-item > a .nav-link-text {
    font-weight: 600 !important;
    color: rgba(0, 0, 0, 0.95) !important;
}

/* HERO naslov */
.home h1 { font-weight: 600; letter-spacing: -0.2px; }

/* MEGA MENU – anti-flicker */
.wd-header-main-nav .wd-nav > li { position: relative; }

/* stabilniji hover "most" */
.wd-header-main-nav .wd-nav > li.menu-item-has-children::after {
    content: "";
    position: absolute;
    left: -28px;
    right: -28px;
    bottom: -42px;
    height: 46px;
    background: transparent;
}

.wd-header-main-nav .wd-dropdown-menu { margin-top: 0 !important; }

/* panel */
.whb-header .wd-dropdown-menu.wd-dropdown {
    background: #F7F7F7 !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.10) !important;
    overflow: hidden;
}

/* Unutrašnji padding - malo manji na laptopu da stane */
.whb-header .wd-dropdown-menu .container.wd-entry-content {
    padding: 18px 18px 20px !important;
}

@media (min-width: 1025px) and (max-width: 1440px) {
    .whb-header .wd-dropdown-menu .container.wd-entry-content {
        padding: 16px 16px 18px !important;
    }
}

/* Kolone */
.whb-header .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline > li.wd-col {
    padding-right: 16px !important;
}

/* NASLOVI kolona (level 1) */
.whb-header .wd-dropdown-menu .item-level-1 > a.woodmart-nav-link {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    color: rgba(0, 0, 0, 0.90) !important;
    margin-bottom: 6px !important;
    display: inline-block;
    line-height: 1.35 !important;
}

/* SUBMENU stavke (level 2) – kompaktnije */
.whb-header .wd-dropdown-menu .item-level-2 > a.woodmart-nav-link {
    font-family: inherit !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.72) !important;
    line-height: 1.45 !important;
    padding: 1px 0 !important;
    display: inline-block;
}

/* Hover boja unutar dropdown-a */
.whb-header .wd-dropdown-menu a.woodmart-nav-link:hover { color: #D60270 !important; }

/* TH SALE BOX */
.th-sale-legal {
    margin-top: 10px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    max-width: 520px;
    border-radius: 14px;
    padding: 10px 12px;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: rgba(0, 0, 0, 0.03);
}
.th-sale-legal__icon { font-size: 14px; line-height: 1; margin-top: 2px; opacity: 0.75; flex: 0 0 auto; }
.th-sale-legal__text { flex: 1 1 auto; min-width: 0; }
.th-sale-legal__main { font-size: 12.5px; line-height: 1.25; letter-spacing: 0.1px; }
.th-sale-legal__sub { margin-top: 4px; font-size: 11px; line-height: 1.2; opacity: 0.75; }

.summary-inner .th-sale-legal {
    width: 100% !important;
    max-width: 320px;
    box-sizing: border-box;
    padding: 12px 16px;
    margin-top: 12px;
    margin-bottom: 8px;
}
.summary-inner .th-sale-legal__main,
.summary-inner .th-sale-legal__sub {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    line-height: 1.35;
}



/* SINGLE PRODUCT LAYOUT – DESKTOP */
@media (min-width: 1280px) {
    :root {
        --th-single-top: 1560px;
        --th-single-normal: 1200px;
        --th-top-shift-left: 24px;
    }

    .single-product .main-page-wrapper .container,
    .single-product .site-content .container,
    .single-product .wd-content-layout .container {
        max-width: var(--th-single-top) !important;
        width: 100% !important;
    }

    .single-product div.product .summary-wrap,
    .single-product div.product .product-image-summary,
    .single-product div.product .product-image-summary-wrap {
        position: relative !important;
        left: calc(var(--th-top-shift-left) * -1) !important;
    }

    .single-product .woocommerce-product-gallery,
    .single-product .product-images,
    .single-product .woocommerce-product-gallery__wrapper {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .single-product .product-images {
        display: flex !important;
        justify-content: flex-end !important;
        padding-right: 0 !important;
    }

    .single-product .summary { padding-left: 12px !important; }

    .single-product div.product .summary {
        max-width: none !important;
        width: auto !important;
        flex-basis: auto !important;
    }

    .single-product .summary,
    .single-product .summary-inner,
    .single-product .entry-summary { max-width: none !important; }

    .single-product .woocommerce-product-details__short-description,
    .single-product .woocommerce-product-details__short-description table {
        width: 100% !important;
        max-width: 100% !important;
    }

    .single-product .woocommerce-tabs,
    .single-product .woocommerce-tabs .wc-tabs-wrapper,
    .single-product .woocommerce-tabs .woocommerce-Tabs-panel,
    .single-product .related,
    .single-product .up-sells,
    .single-product .cross-sells,
    .single-product .wd-recently-viewed-products,
    .single-product .wd-product-recently-viewed,
    .single-product .wd-products-element {
        max-width: var(--th-single-normal) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        left: 0 !important;
    }

    .single-product .related .wd-products,
    .single-product .up-sells .wd-products,
    .single-product .cross-sells .wd-products,
    .single-product .related .products,
    .single-product .up-sells .products,
    .single-product .cross-sells .products { max-width: 100% !important; }
}


/* ================================
   RAZMAK: opis (tabs) vs povezanih proizvoda
   ================================ */

/* Manji razmak ispod tabova "Opis / Dodatne / Slanje" */
.single-product .woocommerce-tabs {
    margin-bottom: 20px !important;   /* po ukusu 20–32px */
}

/* Manji razmak iznad sekcije Povezani proizvodi */
.single-product .related,
.single-product .up-sells,
.single-product .upsell,
.single-product .cross-sells {
    margin-top: 20px !important;      /* po ukusu 20–32px */
}

/* Naslov "Povezani proizvodi" bez dodatnog gornjeg margina */
.single-product .related h2,
.single-product .up-sells h2,
.single-product .cross-sells h2 {
    margin-top: 0 !important;
}

/* =====================================================
   SHORT DESCRIPTION – SEO RED NEVIDLJIV, SADRŽAJ BLIZU NASLOVA
   ===================================================== */

/* Wrapper – mali, konstantan razmak od naslova */
body.single-product .summary .woocommerce-product-details__short-description {
    margin-top: 4px !important;   /* po želji 3–6px */
}

/* 1) PRVI <p> u short descriptionu – tretiramo ga kao SEO red
      - koristimo :first-of-type da ignorišemo whitespace i tekst-čvorove
*/
body.single-product .summary .woocommerce-product-details__short-description > p:first-of-type {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

/* 1a) Span sa belim tekstom ostaje u DOM-u, ali je nevidljiv
      - SEO i dalje vidi sadržaj jer nije display:none
*/
body.single-product .summary .woocommerce-product-details__short-description > p:first-of-type span {
    display: inline !important;
    font-size: 0 !important;
    line-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    color: transparent !important;
}

/* 2) Kada posle SEO <p> ODMAH ide tabela (545XL, 575XL slučaj) */
body.single-product .summary .woocommerce-product-details__short-description > p:first-of-type + table,
body.single-product .summary .woocommerce-product-details__short-description > p:first-of-type + .wp-block-table {
    margin-top: 6px !important;   /* tu fino podesi distancu od naslova */
}

/* 3) Fallback – ako nema SEO <p>, a tabela je prvi element */
body.single-product .summary .woocommerce-product-details__short-description > table:first-of-type,
body.single-product .summary .woocommerce-product-details__short-description > .wp-block-table:first-of-type {
    margin-top: 6px !important;
}

/* =====================================================
   SHORT DESCRIPTION – FINAL FIX ZA 545XL / 575XL
   - SEO <p> nevidljiv
   - razmak od H1 minimalan
   - radi i za tekst i za tabelu, i za .wp-block-table
   ===================================================== */

/* 0) Naslov proizvoda – mali razmak ispod */
html .single-product .product-image-summary-wrap .product_title,
html .single-product .wd-single-title .product_title {
    margin-bottom: 8px !important;  /* 4–8px po ukusu */
}

/* 1) Wrapper short description – ne guramo ga dodatno nadole */
html .single-product .summary .woocommerce-product-details__short-description {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 2) PRVI <p> = SEO red (bele boje) – uklonjena visina, ali ostaje u DOM-u */
html .single-product .summary
.woocommerce-product-details__short-description > p:first-of-type {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
}

/* span unutra – SEO ga vidi, čovek ne vidi */
html .single-product .summary
.woocommerce-product-details__short-description > p:first-of-type span {
    font-size: 0 !important;
    line-height: 0 !important;
    height: 0 !important;
    color: transparent !important;
    visibility: hidden !important;
}

/* 3) Ako posle SEO reda ide običan tekst (drugi <p>) */
html .single-product .summary
.woocommerce-product-details__short-description > p:first-of-type + p {
    margin-top: 14px !important;   /* fino leži ispod naslova */
}

/* 4) Ako posle SEO reda IDE TABELA (545XL / 575XL slučaj) */
html .single-product .summary
.woocommerce-product-details__short-description > p:first-of-type + table,
html .single-product .summary
.woocommerce-product-details__short-description > p:first-of-type + .wp-block-table {
    margin-top: 13px !important;
}

/* 5) Ako uopšte NEMA SEO <p>, a prvi element je tabela */
html .single-product .summary
.woocommerce-product-details__short-description > table:first-child,
html .single-product .summary
.woocommerce-product-details__short-description > .wp-block-table:first-child {
    margin-top: 13px !important;
}

/* 6) Globalno ubijamo velike margine tabela unutar short descriptiona */
html .single-product .summary
.woocommerce-product-details__short-description .wp-block-table,
html .single-product .summary
.woocommerce-product-details__short-description table {
    margin-top: 0 !important;   /* reset */
}

/* a onda opet dodajemo mali, kontrolisani razmak za sve iz short descriptiona */
html .single-product .summary
.woocommerce-product-details__short-description .wp-block-table:first-child,
html .single-product .summary
.woocommerce-product-details__short-description table:first-child {
    margin-top: 13px !important;
}

/* FIX: .visually-hidden treba da bude nevidljiv (a11y), ali prisutan u DOM-u */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}



/* =========================================
   TOP BAR - "tiša" premium varijanta (2026)
   - bez kutijica oko ikonica
   - ujednačena težina fonta
   - tanji divajderi
   - ne prelazi u 2 reda
   ========================================= */

.th-topbar-info{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  white-space:nowrap;
  color:#242424;
  font-size:13px;
  line-height:1;
  font-weight:400;                 /* ujednačeno, "normalno deblje" */
}

/* Stavke */
.th-topbar-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

/* Ikonice - bez pozadine, diskretno */
.th-topbar-ico{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  color:rgba(0,0,0,.55);
  flex:0 0 auto;
}

/* Linkovi - nasledjuju boju i težinu, bez plave */
.th-topbar-link,
.th-topbar-link:visited{
  color:inherit !important;
  text-decoration:none !important;
  font-weight:inherit !important;
}

.th-topbar-link:hover,
.th-topbar-link:focus{
  color:inherit !important;
  text-decoration:underline;
  text-underline-offset:2px;
}

/* Separator između telefona */
.th-topbar-sep{
  opacity:.55;
  font-weight:inherit !important;
}

/* Divider između grupa - tanji i tiši */
.th-topbar-divider{
  width:1px;
  height:14px;
  background:rgba(0,0,0,.10);
  flex:0 0 auto;
}

/* Email - elipsa da ne razbije layout */
.th-topbar-item--email .th-topbar-link{
  max-width:40vw;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Ako negde postoji <strong>, da ne pravi razliku */
.th-topbar-info strong{
  font-weight:inherit !important;
}

/* Manji ekrani - bez divajdera, malo manji font */
@media (max-width: 768px){
  .th-topbar-divider{ display:none; }
  .th-topbar-info{ gap:12px; font-size:12.5px; }
  .th-topbar-item--email .th-topbar-link{ max-width:52vw; }
}

/* MOBILE TOPBAR - FINAL (1 red, auto-smaller, bez grid-a) */
.th-topbar-contact{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:5px !important;
  width:100% !important;
  white-space:nowrap !important;
  min-width:0 !important;

  font-weight:500 !important;
  font-size: clamp(11px, 2.8vw, 13px) !important; /* SMANJUJE se kad je uže */
  line-height:1 !important;
  color:#242424 !important;
}

.th-topbar-contact .th-topbar-ico{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  height:16px !important;
  color:rgba(0,0,0,.55) !important;
  flex:0 0 auto !important;
}

.th-topbar-contact .th-topbar-ico svg{
  display:block !important;
  width:14px !important;
  height:14px !important;
  fill:currentColor !important;
}

/* Email: elipsa, da nikad ne gura telefone u novi red */
.th-topbar-contact .th-topbar-email{
  flex: 1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;

  color:inherit !important;
  text-decoration:none !important;
  font-weight:inherit !important;
}

/* Telefoni: nikad prelom */
.th-topbar-contact .th-topbar-phone{
  flex: 0 0 auto !important;
  display:inline-flex !important;
  align-items:baseline !important;
  gap:6px !important;
  white-space:nowrap !important;
  font-weight:inherit !important;
}

/* Linkovi: bez plave */
.th-topbar-contact a,
.th-topbar-contact a:visited{
  color:inherit !important;
  text-decoration:none !important;
  font-weight:inherit !important;
}

.th-topbar-contact a:hover,
.th-topbar-contact a:focus{
  color:inherit !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}

.th-topbar-contact .th-topbar-sep{
  opacity:.55 !important;
}
.th-topbar-contact .th-topbar-phone .th-topbar-ico{ transform: translateY(2px) !important; }








.th-call-us,
.th-call-us:visited {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  padding: 6px 0px;
  border-radius: 12px;

  border: 0;
  background: transparent;
  text-decoration: none;
  color: inherit !important;

  line-height: 1.1;
  -webkit-tap-highlight-color: transparent;

  transition: background 160ms ease;
}

.th-call-us:hover,
.th-call-us:focus {
  background: rgba(0, 0, 0, 0.04);
}

.th-call-us:focus {
  outline: none;
}

.th-call-us:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.35);
  outline-offset: 3px;
}

/* Ikonica: miran badge */
.th-call-us__icon {
  width: 32px;
  height: 32px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;
  background: rgba(0, 0, 0, 0.06);
  flex: 0 0 auto;

  transition: background 160ms ease, transform 160ms ease;
}

.th-call-us:hover .th-call-us__icon,
.th-call-us:focus .th-call-us__icon {
  background: rgba(0, 0, 0, 0.10);
  transform: translateY(0.5px);
}

.th-call-us__icon svg {
  width: 14px;
  height: 14px;
  display: block;
  fill: currentColor;
  opacity: 0.9;

  /* optičko poravnanje */
  transform: translateY(0.5px);
}

/* Tekst u jednoj liniji sa manjim razmakom */
.th-call-us__right {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;

  min-width: 0;
  white-space: nowrap;
}

/* Label */
.th-call-us__line {
  font-size: 12.5px;
  line-height: 1.1;
  opacity: 0.82;
  white-space: nowrap;
}

/* Broj */
.th-call-us__phone {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1px;
  line-height: 1.1;
  white-space: nowrap;
}









/* ================================
   Modern quantity toggle (2026)
   Fix: span.quantity, minicart, checkout, mobile one-row
   ================================ */

/* ONLY div.quantity (control), never span.quantity */
.woocommerce div.quantity {
  display: inline-flex;
  align-items: stretch;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 12px;
  overflow: hidden;
  background: rgba(0,0,0,.02);
}

/* Plus/minus buttons */
.woocommerce div.quantity input[type="button"],
.woocommerce div.quantity .minus,
.woocommerce div.quantity .plus {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background: transparent;
  padding: 0 10px;
  min-width: 34px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  color: inherit;
  transition: background-color .15s ease, opacity .15s ease, transform .05s ease;
}

.woocommerce div.quantity input[type="button"]:hover {
  background: rgba(0,0,0,.05);
}

.woocommerce div.quantity input[type="button"]:active {
  transform: scale(.98);
}

/* Number input */
.woocommerce div.quantity input[type="number"],
.woocommerce div.quantity .qty {
  border: 0;
  background: transparent;
  width: 40px;
  min-width: 40px;
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  outline: none;
}

/* Remove spinners */
.woocommerce div.quantity input[type="number"]::-webkit-outer-spin-button,
.woocommerce div.quantity input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.woocommerce div.quantity input[type="number"] {
  -moz-appearance: textfield;
}

/* Focus ring */
.woocommerce div.quantity:focus-within {
  border-color: rgba(0,0,0,.22);
  box-shadow: 0 0 0 4px rgba(0,0,0,.06);
}

/* Inner separators */
.woocommerce div.quantity .minus {
  border-right: 1px solid rgba(0,0,0,.08);
}
.woocommerce div.quantity .plus {
  border-left: 1px solid rgba(0,0,0,.08);
}

/* Disabled */
.woocommerce div.quantity input[type="button"]:disabled {
  opacity: .45;
  cursor: not-allowed;
}

/* IMPORTANT: reset span.quantity (2 × price) everywhere */
.woocommerce span.quantity {
  display: inline;
  border: 0;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

/* ================================
   Mini cart: prevent weird stretching
   ================================ */
.woocommerce-mini-cart div.quantity {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
}

/* ================================
   Checkout: prevent stretching to full width
   ================================ */
.woocommerce-checkout .woocommerce-checkout-review-order-table div.quantity,
.woocommerce-checkout .wd-checkout-prod-title div.quantity,
.woocommerce-checkout .wd-checkout-prod-cont div.quantity {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  align-self: flex-start;
  display: inline-flex !important;
}

/* Optional: slightly more compact in checkout */
.woocommerce-checkout .woocommerce-checkout-review-order-table div.quantity input[type="number"],
.woocommerce-checkout .woocommerce-checkout-review-order-table div.quantity .qty {
  width: 36px;
  min-width: 36px;
  padding: 0 6px;
}

/* ================================
   Single product: keep quantity + Add to cart in ONE row on mobile
   ================================ */
.single-product .summary form.cart {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
}

.single-product .summary form.cart .quantity {
  flex: 0 0 auto;
}

/* Desktop: dugme neka bude prirodne širine */
.single-product .summary form.cart .single_add_to_cart_button {
  flex: 0 0 auto;
  min-width: 0;
  white-space: nowrap;
  width: auto !important;
}

/* Mobile: dugme sme da se rastegne da bi stalo u 1 red */
@media (max-width: 480px) {
  .single-product .summary form.cart .single_add_to_cart_button {
    flex: 1 1 auto;
  }
}


/* Mobile tightening so it fits on 360px-wide viewports (S23 Ultra portrait too) */
@media (max-width: 480px) {
  .single-product .summary form.cart .single_add_to_cart_button {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 14px;
  }

  .single-product .summary form.cart div.quantity input[type="button"],
  .single-product .summary form.cart div.quantity .minus,
  .single-product .summary form.cart div.quantity .plus {
    min-width: 30px;
    padding: 0 8px;
    font-size: 15px;
  }

  .single-product .summary form.cart div.quantity input[type="number"],
  .single-product .summary form.cart div.quantity .qty {
    width: 34px;
    min-width: 34px;
    padding: 0 6px;
  }
}

/* TOP BAR SVG FINAL */
.th-topbar-ico{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:16px !important;
  height:16px !important;
  color:rgba(0,0,0,.58) !important;
  flex:0 0 auto !important;
}

.th-topbar-ico svg{
  display:block !important;
  width:16px !important;
  height:16px !important;
  stroke:currentColor !important;
  fill:none !important;
}

.th-topbar-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
}

.th-topbar-item--email .th-topbar-link{
  white-space:nowrap;
}

.th-topbar-phone-link,
.th-topbar-phone-link:visited,
.th-topbar-email,
.th-topbar-email:visited{
  color:inherit !important;
  text-decoration:none !important;
}

.th-topbar-phone-link:hover,
.th-topbar-phone-link:focus,
.th-topbar-email:hover,
.th-topbar-email:focus{
  color:inherit !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
}





.th-topbar-ico--phone svg{
  fill: currentColor !important;
  stroke: none !important;
}

.th-topbar-ico--phone{
  transform: translateY(0.5px);
}@media (min-width: 1025px) {
	@media only screen and (min-width: 960px) {
.wd-sticky-btn-shown.wd-sticky-btn{display:none;}
}







/* 1. Omogućava da svi elementi unutar kartice budu raspoređeni fleksibilno */
.snize-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
    padding: 12px;
}

/* 2. Ako nema SKU, dodaj "dummy" prostor da bi struktura ostala ista */
.snize-item:not(:has(.snize-sku))::before {
    content: '';
    display: block;
    height: 18px; /* Visina SKU-a */
    margin-bottom: 4px;
}

/* 3. Thumbnail i SKU se nalaze na vrhu, normalno se prikazuju */
.snize-thumbnail {
    margin-bottom: 6px;
}

.snize-sku {
    font-size: 13px;
    color: #777;
    margin-bottom: 6px;
}

/* 4. Naslov se gura ka dnu automatski */
.snize-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;

    font-size: 15px;
    line-height: 17px;
    max-height: 34px;
    color: #333;
    margin-top: auto;
}

/* 5. Cena odmah ispod naslova, na dnu kartice */
.snize-price-list {
    color: #D52D76;
    font-weight: bold;
    margin-top: 6px;
}


.woocommerce div.product div.images {
    max-width: 100%;
    width: 500px; /* ili koliko ti treba */
}



}