/* =============================================
   PRODUCT PAGE STYLES
   ============================================= */

/* Remove sidebar spacing */
#contents-detail {
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 100%;
}

/* ---- Badges ---- */
.tk-badges {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.single-product .slider_img_productd .sale-off {
    display: none;
}

.tk-badge {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 11px 4px 11px;
    height: 30px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.tk-badge.tk-popular img {
    width: 18px;
    margin-right: 3px;
}

html .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive-thumbnail .slick-list .slick-track .item-thumbnail-product .thumbnail-wrapper {
    border: unset;
    border-radius: 8px;
}

html .woo-variation-gallery-wrapper .woo-variation-gallery-trigger {
    right: 1.2em;
}

html .woo-variation-gallery-wrapper .wvg-gallery-image {
    height: 610px;
    border-radius: 8px;
    border: 1px solid #DAE3EB;
    justify-content: center;
}

html .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image img {
    border-radius: 8px;
    border: 1px solid var(--Colors-Line, #DAE3EB);
    width: 113px;
}


html .woo-variation-gallery-wrapper .wvg-gallery-thumbnail-image.current-thumbnail img {
    border-radius: 8px;
    border: 1px solid var(--Colors-Blue, #0B70A0);
}

html .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider.slick-initialized .slick-slide.slick-current.wvg-gallery-thumbnail-image {
    border-radius: 8px;
    border: 1px solid var(--Colors-Blue, #0B70A0)
}

html .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider.slick-initialized .wvg-gallery-thumbnail-image {
    max-width: 110px;
    margin-right: 6px;
    margin-left: 6px;
}

.woo-variation-gallery-slider-wrapper .wvg-slider-next-arrow,
.woo-variation-gallery-slider-wrapper .wvg-slider-prev-arrow {
    border-radius: 50px;
}

.woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider.slick-initialized {
    margin-top: 13px;
}

html .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .wvg-thumbnail-next-arrow,
html .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .wvg-thumbnail-prev-arrow {
    height: 30px;
    top: 35%;
    border-radius: 50px;
}

.woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider:not(.slick-initialized)>div {
    max-width: 113px;
}

html .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive-thumbnail {
    width: 488px;
}

html .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive-thumbnail .slick-list .slick-track .item-thumbnail-product .thumbnail-wrapper img {
    border-radius: 8px;
    border: 1px solid #DAE3EB;
}

.product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive-thumbnail .slick-list .slick-track .item-thumbnail-product:hover .thumbnail-wrapper img {
    border: 1px solid #0B70A0;
}

html body.single-product.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) .tk-related-section a.button:hover {
    background: #095d85;
    color: #fff;
}

html body.single-product.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) .tk-related-section a.button.akcije-atc-btn.added:hover {
    background: #FFC801;
    color: #000;
}


.yith-wcwl-feedback-messages-container {
    display: none;
}

html body.single-product .content_product_detail .addcart-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 5px;
}

html body.single-product .content_product_detail .addcart-wrapper .single_add_to_cart_button {
    order: 3;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    gap: 12px;
}

html body.single-product .content_product_detail .addcart-wrapper .single_add_to_cart_button:before {
    content: url(/wp-content/uploads/2026/03/shopping-cart.svg);
}

html body.single-product .content_product_detail .addcart-wrapper .single_add_to_cart_button.added:before {
    content: unset;
}

html .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive-thumbnail .slick-list .slick-track .item-thumbnail-product.slick-current .thumbnail-wrapper img {
    border: 1px solid #0B70A0;
}

html .product_detail .woocommerce .item-thumbnail-product .thumbnail-wrapper img {
    height: 107px;
}

html .product_detail .woocommerce .item-thumbnail-product.slick-active .thumbnail-wrapper img {
    height: 107px;
}


html .woocommerce div.product div.images div.thumbnail-wrapper img {
    height: 107px !important;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid #DAE3EB;
}

.tk-badge.tk-popular {
    background: #FFC800;
    color: #323232;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.tk-sales {
    background: #e8f4f8;
    color: #0b70a0;
}

.tk-stock {
    background: #0089341A;
    color: #008934;
    font-size: 12px;
    padding: 8.5px 17px 8.5px 13px;
}

.tk-stock img.checkmark {
    width: 14px;
}


/* ---- Karakteristike ---- */
.tk-karakteristike {
    margin: 0px 0 20px 0;
    padding-top: 0px;
}

.tk-karakteristike.tk-karakteristike-opis {
    margin: 27px 0 20px 0;
}

.tk-karakteristike h4 {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #323232;
    margin: 25px 0 7px;
}

.single-product .tk-tabs-row .tab-content h3 {
    font-family: 'Inter', sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #323232;
    margin: 25px 0 7px;
}

.single-product .tk-tabs-row .tab-content h2 {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #323232;
    margin: 25px 0 7px;
}

.tk-karakteristike ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tk-karakteristike li {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #323232;
    padding: 5px 0 5px 24px;
    position: relative;
    line-height: 1.5;
}

.tk-karakteristike li::before {
    content: url(/wp-content/uploads/2026/03/checkmark-green.svg);
    position: absolute;
    left: 0;
    color: #0b70a0;
    font-weight: 700;
    font-size: 14px;
}

/* ---- Trust badges ---- */
.tk-trust-badges {
    display: flex;
    gap: 12px;
    margin: 20px 0 10px;
    padding-top: 16px;
}

.tk-trust-badge {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 16px 10px;
    background: transparent;
    border-radius: 16px;
    border: 1px solid #DAE3EB;
    gap: 8px;
    flex: 1;
}

.tk-trust-badge img {
    width: 32px;
    height: 32px;
}

.tk-trust-badge span {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #323232;
}

html .single-product .product_detail {
    position: relative;
    margin-right: 0px !important;
    margin-left: -4px !important;
}

.single-product .product_detail::before {
    content: '';
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: calc(100% + 80px);
    background: linear-gradient(180deg, #FFFFFF 0%, #F2FBFB 100%);
    z-index: -1;
}

html .content_product_detail .tk-trust-badges .tk-trust-badge .img-cont {
    background: #B0E1E5;
    max-width: 56px;
    height: 56px;
    width: 56px;
    display: flex;
    border-radius: 30px;
    align-items: center;
    justify-content: center;
}

html .content_product_detail .tk-trust-badges .tk-trust-badge img {
    width: 24px;
    height: 24px;
}

.cfvsw-swatches-option:not(.cfvsw-swatches-disabled, .cfvsw-swatches-out-of-stock):hover {
    z-index: 22222;
}

/* ---- Tabs restyling ---- */
.woocommerce-tabs .tabs,
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding: 0 !important;
    margin: 0 0 30px !important;
    border-bottom: 2px solid #eee !important;
    display: flex;
    gap: 0;
}

.woocommerce-tabs .tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.woocommerce-tabs .tabs li a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #999 !important;
    padding: 12px 24px !important;
    background: none !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
    margin-bottom: -2px;
    transition: color 0.2s, border-color 0.2s;
    text-transform: none;
}

.woocommerce-tabs .tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #0b70a0 !important;
    font-weight: 600;
    border-bottom-color: #0b70a0 !important;
    background: none !important;
}

.woocommerce-tabs .tabs li a:hover {
    color: #0b70a0 !important;
}

/* Remove before/after pseudo elements from tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    display: none !important;
}

/* ---- Tabs content - 2 column layout ---- */
.woocommerce-tabs .woocommerce-Tabs-panel {
    padding: 0 !important;
}

/* ---- Specs table (Deklaracija / Dodatne informacije) ---- */
.tk-specs-table,
.woocommerce-product-attributes {
    width: 100%;
    border-collapse: separate;
    border: 1px solid #DAE3EB;
    border-radius: 16px;
    display: block;
}
.tk-specs-table tbody,
.woocommerce-product-attributes tbody {
    display: block;
}
.tk-specs-table tr,
.woocommerce-product-attributes tr {
    display: flex; 
}
.tk-specs-table th,
.woocommerce-product-attributes th {
    flex: 0 1 auto;     
    width: auto;       
    white-space: normal; 
    min-width: 0;
    word-break: break-word;
}

.tk-specs-table td,
.woocommerce-product-attributes td {
    flex: 1 1 0;
    min-width: 45%;
    word-break: break-word;
}

.tk-specs-table tr,
.woocommerce-product-attributes tr {
    border-bottom: 1px solid #f0f0f0;
}

/*.tk-specs-table tr:last-child,
.woocommerce-product-attributes tr:last-child {
    border-bottom: none;
}*/

.tk-specs-table tr:first-child {
    border-radius: 0px;
    border-bottom: 1px solid #DAE3EB;
}
.tk-specs-table tr:last-child{
    border: 0;
}
.tk-specs-table th,
.woocommerce-product-attributes th {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #323232;
    text-align: left;
    padding: 12px 6px 12px 15px;
    width: auto;
    background: none;
    text-transform: lowercase;
}

.tk-specs-table th::first-letter,
.woocommerce-product-attributes th::first-letter,
html .single-product .tk-specs-table tr th::first-letter,
html .single-product .woocommerce-product-attributes tr th::first-letter {
    text-transform: uppercase;
}


.tk-specs-table tr:not(:last-child) th,
html .single-product .tk-specs-table tr::not(:last-child) td,
.tk-specs-table th,
.woocommerce-product-attributes th {
    border-bottom: 0;
}

html .single-product .tk-specs-table tr td {
    border-bottom: 0;
}

html .single-product .tk-specs-table tr th {
    border-bottom: 0;
    vertical-align: middle;
}

html .single-product .tk-specs-table tr:last-child td {
    border-bottom: unset;
}

html .single-product .tk-specs-table tr:last-child th {
    border-bottom: unset;
}


/*.tk-specs-table th, .woocommerce-product-attributes th*/

.tk-specs-table tbody tr {
    border-radius: 0;
    border-bottom: 1px solid #DAE3EB;
}

html .single-product .tk-specs-table td,
html .single-product .woocommerce-product-attributes td {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #323232;
    padding: 12px 16px;
    text-align: right;
}

.woocommerce-product-attributes td p {
    margin: 0;
}

body.elementor-page.single-product .container {
    max-width: 1200px;
}

.single-product .product_detail .content_product_detail .product_title {
    font-family: 'Inter', sans-serif;
    font-size: 32px;
    color: #0b70a0;
    margin: 0 0 20px;
}

.product_detail .content_product_detail .cart .quantity .plus {
    border: 1px solid #DAE3EB;
}

html .single-product .product_detail .content_product_detail .cart .quantity {
    height: 40px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: unset;
    margin: 0 0px 18px 0 !important;
}

html .single-product .product_detail .content_product_detail .cart .quantity .minus {
    background: unset;
    width: 40px;
    height: 40px;
    position: relative;
}

html .single-product .product_detail .content_product_detail .cart .quantity .plus {
    background: unset;
    width: 40px;
    height: 40px;
    position: relative;
}

html .single-product>.tabs .tabbable .nav.nav-tabs li.active a,
html .single-product>.tabs .tabbable .nav.nav-tabs li:hover a {
    background-color: transparent;
    color: #0B70A0;
    border-right: unset;
    font-family: 'Inter';
    border-bottom: 1px solid #0B70A0;
}

html .single-product>.tabs .tabbable .nav.nav-tabs,
html .single-product>.tabs {
    border-bottom: unset;
    border: unset;
}

html .single-product>.tabs {
    margin-top: 90px;
}

.single-product .content_product_detail .offers {
    border-bottom: 1px solid var(--Colors-Line, #DAE3EB);

}

.single-product .product_detail .content_product_detail .product-info {
    display: none;
}


.single-product .tk-variational-label {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #323232;
    margin: 0 0 8px;
}


.single-product .tk-qty-label {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #323232;
    margin: 25px 0px 0px;
    display: block;
}


.single-product .single_variation_wrap .woocommerce-variation-price {
    display: none;
}

.single-product .single_variation_wrap .tk-qty-label {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #323232;
    margin: 0px 0px 9px;
    display: block;
}

.single-product.woocommerce div.product form.cart .variations label {
    text-align: left;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #323232;
    margin: 0 0 8px;
    margin-bottom: 4px;
    padding: 0px;
}

.single-product.woocommerce div.product form.cart .variations label[for="pa_opcije"]:after {
    content: ':';
}

.single-product.woocommerce span.onsale,
.onsale {
    display: none;
}

.single-product.woocommerce div.product form.cart .reset_variations {
    display: none !important;
}


.tk-selected-color {
    margin: 6px 0 0 0;
    font-size: 15px;
    color: #636363;
}

.tk-selected-color b {
    font-weight: 500;
    color: #323232;
} 

/* The rows are laid out with flex, which a table element will not honour
   on its own: inside a display:table parent the browser wraps the tbody in
   an anonymous row and the gap is swallowed. Taking the table out of table
   layout first is what makes the spacing take effect. */
.single-product .variations,
.single-product table.variations {
    display: block;
    width: 100%;
}

.single-product .variations tbody {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.single-product .variations tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
    height: auto;
}


html .single-product>.tabs .tabbable .nav.nav-tabs li a {
    font-family: 'Inter';
    font-weight: 500;
    background-color: unset;
    color: #636363;
    font-size: 16px;
    text-transform: none;
    border-right: unset;
}

html .single-product .woocommerce div.product form.cart .button {
    order: 3;
    text-transform: none;
}

html .single-product .product_detail .content_product_detail .cart .quantity .minus,
html .single-product .product_detail .content_product_detail .cart .quantity .plus {
    width: 40px;
    height: 40px;
    background: none;
    border: 1px solid #DAE3EB;
    color: #323232;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 20px;
    font-family: monospace;
    font-weight: 500;
    justify-content: center;
}

.quantity .minus,
.quantity .plus {
    width: 40px;
    height: 40px;
    color: black;
    background: none;
    border: 1px solid #DAE3EB;
    font-size: 18px;
    cursor: pointer;
}

.single-product .product_detail .content_product_detail .cart .quantity {
    height: 40px;
}

.product_detail .content_product_detail .cart .quantity .input-text {
    background-color: transparent;
}

.woocommerce div.product p.price del .amount {
    color: #636363;
}

.content_product_detail .price {
    font-family: 'Inter', sans-serif;
    padding: 20px 0 !important;
}

.content_product_detail .price del {
    font-size: 14px;
    color: #999;
}

html .content_product_detail .price ins,
html .content_product_detail .price>.woocommerce-Price-amount {
    font-size: 24px;
    font-weight: 600;
    color: #0B70A0;
    text-decoration: none;
}

html .woocommerce div.product p.price,
html .woocommerce div.product span.price {
    border-bottom: 1px solid #DAE3EB;
}

html .cfvsw-swatches-option:not(.cfvsw-label-option, .cfvsw-image-option) .cfvsw-swatch-inner {
    border: unset;
    box-shadow: unset !important;
}

.content_product_detail .woocommerce-product-details__short-description {
    font-family: 'Inter', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400;
    color: #636363 !important;
    line-height: 1.6;
    margin-bottom: 20px;
    margin-top: 16px;
    font-style: italic !important;
}
.content_product_detail .woocommerce-product-details__short-description p span {
    font-style: italic !important;
    font-family: 'Inter', sans-serif !important;
    color: #636363 !important;
    font-size: 14px !important;
    
}

.content_product_detail .cart {
    display: flex;
    align-items: center;
    gap: 0px;
    margin: 0px 0 16px 0 !important;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
}

.content_product_detail .cart.variations_form {
    flex-direction: column;
    align-items: stretch;
}

.content_product_detail .quantity {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.content_product_detail .quantity .qty {
    width: 50px;
    text-align: center;
    border: none;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    -moz-appearance: textfield;
}

.product_detail .content_product_detail .cart .quantity .minus,
.product_detail .content_product_detail .cart .quantity .plus {
    border: 1px solid #DAE3EB;
    border-radius: 30px;
}

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

.content_product_detail .woocommerce-variation-add-to-cart {
    width: 100%;
}

.content_product_detail .single_add_to_cart_button {
    background: #0b70a0 !important;
    color: #fff !important;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 25px;
    border: none;
    cursor: pointer;
    flex: 1;
    transition: background 0.2s;
}

.content_product_detail .single_add_to_cart_button:hover {
    background: #095d85 !important;
}

.content_product_detail .yith-wcwl-add-to-wishlist {
    margin: 0 !important;
}

.content_product_detail .star-rating {
    color: #FFC800;
    font-size: 14px;
}

.content_product_detail .product_meta {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    color: #636363;
    margin-top: 16px;
    padding-top: 12px;
}

.content_product_detail .social-share {
    display: none;
}

.woocommerce-Tabs-panel--additional_information h2 {
    display: none;
}

.related.products>h2,
section.related>h2 {
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #323232;
    text-transform: none;
}


html .single-product .nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover {
    border: unset;
    background-color: transparent;
    color: #0B70A0;
    border-right: unset;
    font-family: 'Inter';
    border-bottom: 1px solid #0B70A0;
}

html .single-product .nav-tabs>li>a {
    font-family: 'Inter';
    font-weight: 500;
    background-color: unset;
    color: #636363;
    font-size: 16px;
    text-transform: none;
    border-right: unset;
    border-bottom: 1px solid transparent;
}

.tk-tabs-row {
    margin-top: 90px;
    display: flex;
    flex-direction: row;
    gap: 75px;
}

.tk-tabs-row .nav-tabs>li>a {
    border: unset;
}

.tk-tabs-row .tabs {
    width: 55%;
}

.tk-tabs-row .tk-tabs-right {
    width: 45%;
    margin-top: 79px;
}

html .single-product .tab-content p,
html .single-product .tab-content ul li {
    color: #424242;
    font-size: 16px;
}

html .single-product .akcije-card:hover .akcije-add-to-cart {
    flex-direction: row-reverse;
}

html .single-product .akcije-card:hover .akcije-add-to-cart img {
    display: block;
    flex-direction: row-reverse;
}

html .single-product .akcije-card:hover .akcije-add-to-cart .akcije-atc-btn.added img {
    display: none;
}

html .single-product .tab-content #tab-additional_information .shop_attributes {
    display: none;
}

.tk-tabs-row .tab-pane#tab-description .tk-karakteristike ul {
    margin-left: 0px !important;
    margin-top: 0px;
}

html .single-product .tab-content h2 {
    display: none;
}

html .single-product .nav-tabs {
    border-bottom: unset;
    margin-left: unset;
    margin-bottom: 32px;
}

html .single-product .nav-tabs>li>a:hover {
    border: unset;
    color: #0B70A0;
    border-bottom: 1px solid #0B70A0;
}

html .single-product .nav-tabs>li>a {
    margin-right: 0px;
}

posted_in .tk-tabs-row .tab-content ul li,
.tk-tabs-row .tab-content p {
    font-size: 16px;
    color: #424242;
    line-height: 24px;
}

/*Table attributes end*/

.single-product .yith-wcwl-add-to-wishlist-button__label {
    display: flex;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}

.content_product_detail .product_meta .product_meta {
    display: none;
}

.single-product .yith-wcwl-add-to-wishlist-button {
    border: 1px solid var(--Colors-Line, #DAE3EB);
    border-radius: 30px;
    height: 53px;
    padding: 0px 23px;
}

.single-product .yith-wcwl-add-to-wishlist-button--added {
    border: 1px solid var(--Colors-Line, #FFC801);
    background: #FFC801;
}

.single-product .yith-wcwl-add-to-wishlist-button--added:hover {
    box-shadow: 0 4px 16px rgba(11, 112, 160, 0.12);
}

.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor:hover {
    border-color: #095d85;
    box-shadow: 0 4px 16px rgba(11, 112, 160, 0.12);
}

.single-product .woocommerce div.product form.cart .button.added {
    background-color: #FFC801 !important;
    color: #000;
}

/*.single-product .tk-related-section .yith-wcwl-add-to-wishlist-button--added .yith-wcwl-add-to-wishlist-button__label {
    color: #323232;
    display: none;
}*/

.single-product .tk-related-section .yith-wcwl-add-to-wishlist-button__label {
    display: none;
}

.single-product .tk-related-section .yith-wcwl-add-to-wishlist-button--added {
    border: unset;
    padding: 0px 0px;
}

html .single-product .h3-title {
    text-align: left;
}

.single-product .tk-related-section .yith-add-to-wishlist-button-block {
    margin: 1px auto;
}

.single-product .tk-related-section .yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor {
    border: unset;
    padding: 0px 0px;
    box-shadow: unset;
}

.single-product .yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button).yith-wcwl-add-to-wishlist-button--added svg.yith-wcwl-add-to-wishlist-button-icon {
    color: rgb(0 0 0);
}

.single-product .container-header {
    text-transform: left;
}

.single-product .addcart-wrapper .add-to-cart {
    border-radius: 30px;
    height: 53px;
    padding: 0px 23px;
    font-size: 16px;
    font-weight: 700;
}

.single-product .addcart-wrapper .add-to-cart::before {
    content: url(/wp-content/uploads/2026/03/shopping-cart.svg);
}

.single-product>.tabs .tabbable .tab-content .tab-pane h2 {
    display: none;
}

.single-product>.tabs .tabbable .tab-content #tab-description p {
    color: #424242;
    font-size: 16px;
}

.single-product>.tabs .tabbable .tab-content .tab-pane {
    padding: 29px 0px;
}

.single-product .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive {
    border-radius: 8px;
    border: 1px solid #DAE3EB;
    width: 488px;
}

.single-product .slick-list {
    width: 488px;
}

.single-product .container .row .product-photo {
    padding-right: 0px;
    padding-left: 0px;
}

.woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-wrapper {
    margin-top: 13px;
}

.woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider:not(.slick-initialized)>div {
    max-width: 113px;
    margin-left: 6px;
    margin-right: 6px;
}

.single-product .all-single-product {
    padding: 0 0px;
}


html body.single-product .content_product_detail .addcart-wrapper .single_add_to_cart_button.added {
    background-color: #FFC801 !important;
    color: #000 !important;
    flex-direction: row-reverse;
}

html body.single-product .content_product_detail .addcart-wrapper .single_add_to_cart_button.added:hover {
    background: #FFC801 !important;
}

html body.single-product .content_product_detail .addcart-wrapper .single_add_to_cart_button {
    margin: 7px auto;
    height: 53px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
}

html body.single-product.woocommerce #reviews #review_form_wrapper .comment-form textarea,
html body.single-product.woocommerce-page #reviews #review_form_wrapper .comment-form textarea {
    border-radius: 10px;
    border: 1px solid #DAE3EB;
}

html .single-product .akcije-atc-btn img {
    display: none;
}

html body.single-product.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) .tk-related-section button.button.added::after {
    content: url(/wp-content/uploads/2026/03/shopping-cart.svg);
}

html .single-product .tk-related-section .akcije-atc-btn.added {
    background-color: #FFC801;
    color: #000;
    flex-direction: row-reverse;
}

html body.single-product.woocommerce #reviews #review_form_wrapper .comment-form input#submit,
html body.single-product.woocommerce-page #reviews #review_form_wrapper .comment-form input#submit {
    border: 1px solid var(--Colors-Line, #DAE3EB);
    border-radius: 30px;
    height: 40px;
    padding: 0px 23px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    background: white;
}

html body.single-product.woocommerce #reviews #review_form_wrapper .comment-form input#submit:hover,
html body.single-product.woocommerce-page #reviews #review_form_wrapper .comment-form input#submit:hover {
    border: 1px solid #0b70a0;
}

html body.single-product .comment-form-rating {
    margin-top: 24px;
}

.woocommerce #reviews #review_form_wrapper .comment-form .comment-form-author input,
.woocommerce #reviews #review_form_wrapper .comment-form .comment-form-email input {
    border: 1px solid var(--Colors-Line, #DAE3EB);
    border-radius: 30px;
}

html body.single-product.woocommerce.woocommerce-page .comment-form-cookies-consent #wp-comment-cookies-consent {
    width: auto !important;
    position: relative;
    top: 1px;
    margin-right: 5px;
}

html body.single-product .comment-form-cookies-consent>label {
    font-weight: 400;
    font-size: 13px;
}

html body.single-product.woocommerce-page #reviews #review_form_wrapper .comment-form .comment-form-author label,
html body.single-product.woocommerce-page #reviews #review_form_wrapper .comment-form .comment-form-email label {
    font-weight: 500;
    font-size: 13px;
}

.akcije-section.tk-related-section .akcije-grid,
.akcije-section.tk-related-section {
    padding: 0 0px;
}

.tk-specs-table .tk-spec-heading th {
    text-align: left;
    font-size: 14px;
    padding-top: 12px;
    border-bottom: 1px solid #DAE3EB;
}

html body.single-product .content_product_detail .product_meta {
    visibility: hidden;
    height: 0px;
}


/*.woocommerce #review_form #respond p*/

.woocommerce #review_form #respond .comment-form-email,
.woocommerce #review_form #respond .comment-form-author {
    margin: 0 0 1px;
}

html body.single-product.woocommerce p.stars a {
    color: #FFC801;
    font-size: 17px;
}

html body.single-product .woocommerce-noreviews {
    display: none;
}

html body.single-product .comment-reply-title {
    font-size: 16px;
    display: none;
}

html body.single-product .comment-notes {
    display: flex;
    flex-direction: column;
    font-size: 15px;
    margin-bottom: 22px;
}

.single-product .all-single-product {
    margin-top: 32px;
}

html body.single-product #comment-form-rating-label {
    font-size: 16px;
}

html .cfvsw-swatches-option {
    border-radius: 50px !important;
    padding: 2px !important;
    border: 1px solid #dae3eb8c;
}

html [swatches-attr="attribute_pa_opcije"] .cfvsw-swatches-option {
    min-height: 30px !important;
    padding: 6px 11px !important;
    height: 20px;
    border: 1px solid var(--Colors-Line, #DAE3EB);
}

html .cfvsw-swatches-option.cfvsw-swatches-out-of-stock {
    opacity: 0.5;
    position: relative;
    overflow: hidden;
}

html .cfvsw-swatches-option.cfvsw-swatches-out-of-stock::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -10%;
    width: 120%;
    height: 2px;
    background: #333;
    transform: rotate(-45deg);
    pointer-events: none;
}

html .cfvsw-label-none table.variations tr th.label {
    display: block !important;
    padding-left: 0px;
}

html .cfvsw-label-none table.variations tr th.label label[for="pa_boja"]::after {
    color: #323232;
    content: ": ";
}

.cfvsw-selected-label {
    display: none;
}

html .woocommerce div.product form.cart .variations {
    margin-bottom: 20px;
}

html .woo-variation-gallery-wrapper .wvg-gallery-image {
    background: white;
    display: flex;
    align-items: center;
}

@media (max-width: 1230px) {
    .container.single-product-page .row.sidebar-row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .single-product .revo_breadcrumbs>.container {
        padding-left: 10px;
    }

    .akcije-section.tk-related-section .akcije-grid,
    .akcije-section.tk-related-section {
        padding: unset;
    }

    .single-product .container-header {
        padding-left: 13px;
    }

    html .woo-variation-gallery-wrapper .wvg-gallery-image {
        width: 96% !important;
    }

    .slick-slider .slick-track {
        width: 475px;
    }

    html .woo-variation-gallery-wrapper .woo-variation-gallery-trigger {
        right: 2.2em;
    }
}

@media (max-width: 1100px) {
    .single-product .container .row .product-photo {
        padding-right: 4px;
        padding-left: 8px;
    }

    html .woo-variation-gallery-wrapper .wvg-gallery-image {
        width: 93% !important;
    }
}

@media (min-width: 992px) {
    html .right-product-container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .single-product .container .row .product-photo {
    position: sticky;
    top: 20px;
}
}
@media (max-width: 767px) {
html body.elementor-page div.container.single-product-page{
    padding: 0 15px!important;
}
}

@media (max-width: 991px) {
    html body.single-product .product-images-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .slick-slider .slick-track {
        display: flex;
        justify-content: center;
    }

    .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-thumbnail-slider.slick-initialized {
        display: flex;
        justify-content: center;
    }

    .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper {
        display: flex;
        justify-content: center;
    }

    html .woo-variation-gallery-wrapper .woo-variation-gallery-trigger {
        right: 5.2em;
    }

    .single-product .container .row .product-photo {
        padding-left: 4px;
    }

    .tk-tabs-row {
        flex-direction: column-reverse;
        margin-top: 0px;
        gap: 47px;
    }

    .tk-tabs-row .tabs,
    .tk-tabs-row .tk-tabs-right {
        width: 100%;
    }

    html body.single-product .akcije-card {
        height: auto;
        width: 240px;
        max-width: 100%;
        flex: none;
        padding: 0;
        margin: 0;
    }

    html body.single-product .akcije-section.tk-related-section .akcije-grid {
        padding: 0 0px 8px 0px;
    }

    html body.single-product .akcije-section {
        padding: 0 5px;
    }

    html .single-product .akcije-sectiontk-related-section .h3-title {
        padding: 0px 7px;
    }
}

@media (min-width: 768px) and (max-width: 992) {
    .containersingle-product-page {
        max-width: 94%;
    }
}

@media (max-width: 767px) {
    .right-product-container {
    padding: 0 5px !important;
}
    #contents-detail{
        padding: 0;
    }
    .woo-variation-product-gallery{
        width: 100%!important;
    }
    .tk-trust-badges {
        gap: 8px;
    }

    .tk-trust-badge {
        justify-content: flex-start;
        padding: 12px 16px;
    }

    .tk-trust-badge span {
        font-size: 13px;
    }

    html .content_product_detail .tk-trust-badges .tk-trust-badge img {
        max-width: 45px;
        height: 45px;
    }



    .content_product_detail .product_title {
        font-size: 20px;
    }

    .content_product_detail .price ins,
    .content_product_detail .price>.woocommerce-Price-amount {
        font-size: 18px;
    }

    .woocommerce-tabs .tabs li a,
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        padding: 10px 14px !important;
        font-size: 13px;
    }
}

@media (max-width: 550px) {
    .single-product .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive {
        width: 370px;
    }

    .single-product .slick-list,
    html .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive-thumbnail {
        width: 370px;
    }

    html .woocommerce div.product div.images div.thumbnail-wrapper img {
        height: 80px !important;
    }

    html .woo-variation-gallery-wrapper .wvg-gallery-image {
        width: 100% !important;
    }
}

@media (max-width: 480px) {
    .product_detail .slider_img_productd{
        margin-bottom: 0!important;
    }

    html body.single-product .akcije-card {
        width: 210px;
    }

    .product_detail .slider_img_productd {
        margin-bottom: 15px;
        display: flex;
        justify-content: center;
    }

    .woo-variation-gallery-thumbnail-position-bottom-bottom .woo-variation-gallery-container .woo-variation-gallery-slider-wrapper {
        border-radius: 8px;
        border: 1px solid #DAE3EB;
    }

    html .woo-variation-gallery-wrapper .wvg-gallery-image {
        border-radius: unset;
        border: unset;
    }

    html .content_product_detail .tk-trust-badges .tk-trust-badge .img-cont {
        max-width: 35px;
        height: 35px;
        width: 35px;
    }

    html .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive-thumbnail,
    .single-product .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive {
        width: 360px;
    }

    html .woocommerce div.product div.images div.thumbnail-wrapper img {
        height: 70px !important;
    }

}

@media (max-width: 390px) {

    html .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive-thumbnail,
    .single-product .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive {
        width: 360px;
    }
}

@media (max-width: 380px) {

    .single-product .slick-list,
    html .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive-thumbnail {
        width: 300px;
    }

    html .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive-thumbnail,
    .single-product .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive {
        width: 300px;
    }
}

/* Mobile: the base rule (.wvg-gallery-image { height: 610px }) is only ever
   width-adjusted on small screens, so the slide stayed 610px tall and the
   square image floated centered in a big white box. Let the slide fit the
   image, and clear the min-height the gallery JS locks onto the wrapper. */
@media (max-width: 767px) {
    html .woo-variation-gallery-wrapper .wvg-gallery-image {
        height: auto !important;
        overflow: hidden;            /* clip the zoom image to the rounded border */
    }

    html .woo-variation-gallery-wrapper,
    html .woo-variation-product-gallery {
        min-height: 0 !important;
    }

    /* The theme pins .single-product .slick-list to a fixed px width (300/370px)
       for the old slider, and that also hits the variation gallery's list. Slick
       reads that narrow width on init, so each slide (and its zoom) is smaller
       than the bordered box. Let the gallery's slider/list fill the column so
       slick sizes the slide to the full width. */
    .woo-variation-gallery-slider,
    .woo-variation-gallery-slider .slick-list {
        width: 100% !important;
    }

    /* Keep the tap-zoom working; only round its corners to match the border so
       it no longer leaves white gaps at the edges. Size/position untouched. */
    html .woo-variation-gallery-wrapper .wvg-gallery-image .zoomImg {
        border-radius: inherit;
    }
}

/*
@media (max-width: 370px) {
    html .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive-thumbnail, .single-product .product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive {
        width: 303px;
    }
}*/

.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
  position: relative;
  text-decoration: none; /* remove native strikethrough */
}

.woocommerce div.product p.price del::after,
.woocommerce div.product span.price del::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px; 
  background: #999;
  transform: translateY(-50%);
}

@media (max-width: 375px) {
.tk-badge.tk-popular{
    font-size: 12px;
}
html body.single-product .content_product_detail .addcart-wrapper .single_add_to_cart_button{
    font-size: 14px;
}
.single-product .yith-wcwl-add-to-wishlist-button__label{
    font-size: 14px;
}
}
@media (max-width: 355px) {
.tk-badges{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.addcart-wrapper .item-bottom {
    width: 100%;
}
.yith-add-to-wishlist-button-block{
    width: 100%;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor{
    width: 100%;
    justify-content: center;
}
}
html body.single-product .comment-form-cookies-consent > label {
    display: inline;
}

/* =========================================================
   Reviews — no avatars, orange star rating
   ========================================================= */
/* Remove gravatar avatars from all reviews */
html body.single-product #comments .commentlist li img.avatar {
    display: none !important;
}
html body.single-product #reviews #comments ol.commentlist li .comment-text {
    margin-left: 0 !important;
    border-radius: 16px;
}
/* Flush paragraphs — official administrator reply only */
.woocommerce #reviews #comments ol.commentlist li.tk-official-review .comment-text p {
    margin: 0;
}
html body.single-product #comments .commentlist ul.children,
.woocommerce #reviews #comments ol.commentlist ul.children {
    margin-left: 20px;
}

/* Review-count pill in the tab title (replaces the "(1)" brackets) */
html body.single-product .tk-review-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    margin-left: 6px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    border-radius: 999px;
    background: rgba(26, 37, 64, 0.082);
    color: rgb(26, 37, 64);
    vertical-align: middle;
}

/* Star rating inside a review: orange, spaced, aligned right */
html body.single-product #comments .comment-text .star-rating {
    color: #FF8A00;
    font-size: 15px;
    letter-spacing: 3px;
    width: calc(5.4em + 15px);
    margin: 0 0 6px;
    float: right;
}
html body.single-product #comments .comment-text .star-rating::before {
    color: #DAE3EB;
}

/* =========================================================
   Zvanični odgovor — official Trijumf Kids reply in reviews
   ========================================================= */
html body.single-product #comments .commentlist li.tk-official-review {
    list-style: none;
}
html body.single-product #comments .commentlist li.tk-official-review .comment_container {
    display: block;
    padding: 18px 20px;
    background: linear-gradient(180deg, #f2f9fc 0%, #eaf4f9 100%);
    border: 1px solid #cfe4ef;
    border-left: 4px solid #0B70A0;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(11, 112, 160, 0.06);
    overflow: hidden;
    position: relative;
}
/* No gravatar for official replies — reclaim the full width */
html body.single-product #comments .commentlist li.tk-official-review .comment_container > img.avatar {
    display: none !important;
}
html body.single-product #comments .commentlist li.tk-official-review .comment-text {
    margin: 0 !important;
    border: 0 !important;
    padding: 0 !important;
}

/* Badge header */
html body.single-product #comments .tk-official-badge {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}
/* Small logo "stamp" watermark in the corner of the official reply */
html body.single-product #comments .tk-official-stamp {
    position: absolute;
    bottom: 14px;
    right: 16px;
    height: 24px;
    width: auto;
    max-width: 90px;
    opacity: 1;
    transform: rotate(-8deg);
    pointer-events: none;
}
html body.single-product #comments .tk-official-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 11px 4px 8px;
    font-size: 12.5px;
    font-weight: 600;
    color: #fff;
    background: #0B70A0;
    border-radius: 999px;
    line-height: 1;
    white-space: nowrap;
}
html body.single-product #comments .tk-official-pill svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    fill: #FFC801;
}
html body.single-product #comments .tk-official-pill svg .tk-check {
    stroke: #0B70A0;
}

/* Author / date meta inside official reply */
html body.single-product #comments .tk-official-review .comment-text p.meta {
    margin: 0;
    font-size: 13px;
    color: #5a6b76;
}
html body.single-product #comments .tk-official-review .comment-text .woocommerce-review__author {
    color: #323232;
}
html body.single-product #comments .tk-official-review .comment-text .description {
    margin-top: 6px;
    color: #323232;
    line-height: 1.55;
}

/* Reviews — mobile tweaks */
@media (max-width: 500px) {
    .woocommerce #reviews #comments ol.commentlist {
        padding-left: 0;
    }
    html body.single-product #comments .tk-official-stamp {
        max-width: 80px;
        bottom: 5px;
    }
}