/*
Version: 0.1
*/

/* single product */
.woocommerce-product-gallery {
    position: relative;
}

.woocommerce-product-gallery-thumbs .swiper-wrapper {
    gap: 10px
}

.woocommerce-product-gallery-thumbs .swiper-wrapper .swiper-slide {
    flex: 0 0 calc(25% - 7.5px);
}

.woocommerce-product-gallery-thumbs .woocommerce-product-gallery-thumbs-inner-wrap {
    padding-bottom: 122%
}

.woocommerce-product-gallery-thumbs .woocommerce-product-gallery-thumbs-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.woocommerce-product-gallery-thumbs .woocommerce-product-gallery-thumbs-inner img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.woocommerce-product-gallery figure.swiper-slide.wp-block-image:after {
    content: '\e987';
    color: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: 'icomoon';
    pointer-events: none;
}


.single-product .summary .product-category-backlink {
    display: block;
    margin-bottom: 4.5rem;
    font-size: 11px;
    text-transform: uppercase !important;
}

.single-product .summary .product-category-list {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0
}

.single-product .summary .product-category-list li {
    display: inline-block
}

.single-product .summary .product-category-list li:not(:last-child):after {
    content: ', '
}

.single-product .summary .product-summary-description {
    margin: 1.5rem 0;
    padding: 1.5rem 0;
    border-top: 1px solid #161615;
    border-bottom: 1px solid #161615;
}

.single-product .summary .product-summary-order {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #161615;
}

.single-product .summary .product-summary-cart-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s all;
    display: none
}

.single-product .summary .product-summary-cart-popup::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f6f6f3;
    opacity: .87;
    z-index: -1;
}

.single-product .summary .product-summary-order .btn {
    margin: 1rem;
}

body.product-summary-cart-popup-open {
    overflow: hidden;
}

#product-summary-cart-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.single-product .summary .product-summary-offer-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s all;
    display: none;
}

.single-product .summary .product-summary-offer-popup::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f6f6f3;
    opacity: 1;
    z-index: -1;
}

body.product-summary-cart-offer-open {
    overflow: hidden;
}

#product-summary-offer-popup-close {
    position: absolute;
    right: 0;
    top: -10px;
    padding: 10px;
}

.product-summary-order {
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-product .product_meta .posted_in {
    display: block
}

#product-summary-order-now {
    display: none !important
}

#product-summary-order-offer {
    color: #fff;
    background-color: #B59472;
    box-shadow: 1px 4px 10px 0 #00000033;
    border-color: #B59472;
}

#product-summary-order-offer:hover {
    color: #000;
    background-color: #fff;
}

section.related.products {
    margin-top: 40px;
}

section.related.products ul {
    list-style: none;
    margin: 0;
    padding: 0
}

section.related.products ul li {
    display: inline-block;
}

section.related.products .add_to_cart_button, section.related.products .price, section.related.products .onsale {
    display: none;
}

section.related.products h3 {
    font-size: 12px;
    text-transform: uppercase;
}

.woocommerce-product-gallery .wp-block-image {
    text-align: center;
}

.wp-block-image img {
    object-position: center;
}

.woocommerce-product-gallery img {
    background: #f5f5f5;
    height: 100% !important;
    width: 100% !important;
    object-fit: contain;
    aspect-ratio: 1 / 1;
    object-position: center;
}

.woocommerce-product-gallery .swiper-slide {
    height: unset;
    display: flex;
    justify-content: center;
}

.post-type-archive-product a.button.product_type_simple {
    display: none;
}

.post-type-archive-product .products img {
    width: 100%;
    height: 300px;
    object-fit: contain;
    object-position: center;
}

.products.related .button.product_type_simple {
    display: none;
}

.wpcf-ponudba-wrap {
    position: relative;
}

.woocommerce-tabs.wc-tabs-wrapper {
    margin-top: 25px;
    flex: 0 1 100%
}

.single-product .summary {
    margin-top: 50px;
}

.woocommerce .quantity .qty {
    height: 52px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: #409b5a !important;
    border-radius: 25px;
    text-transform: uppercase;
    border: 2px solid #409b5a !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    background-color: #fff !important;
    color: #409b5a !important;
}

.single-product span.onsale {
    background-color: #df2321;
    padding: 10px;
    font-size: 20px;
}

.woocommerce span.onsale {
    background-color: #df2321;
}

/* single product */

.archive-cat-desc {
    max-width: 70%;
    margin: 0 auto;
    margin-bottom: 50px;
}

.tax-product_cat .button.product_type_simple {
    display: none;
}

.tax-product_cat .products img {
    height: 300px;
    width: 100%;
    object-fit: contain;
}

.category-thumb {
    width: 100%;
    max-height: 700px;
    object-fit: cover;
    min-height: 300px;
}

/*  margin-bottom: 50px; */

.swiper-button-next, .swiper-button-prev {
    color: var(--primary-button-background-color) !important;
}

/** prod arch **/

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 10px;
    border-radius: 25px;
    background-color: #f5f5f5
}

.woocommerce-loop-category__title, .woocommerce-loop-product__title {
    color: #000
}

.archive.tax-product_cat mark.count, .post-type-archive-product mark.count {
    background-color: unset;
    color: gray;
}

.woocommerce ul.products [class^="mikasa-"] {
    width: 30px;
    height: 30px;
}

.woocommerce ul.products .wrap-mikasa-icons {
    margin-top: 18px;
    order: 1
}

.woocommerce ul.products .product-read-more-button {
    order: 2
}

.woocommerce ul.products li.product .button {
    align-self: anchor-center;
    order: 3;
    font-size: 14px;
}

.added_to_cart.wc-forward {
    order: 4
}

.archive.tax-product_cat .term-description p {
    margin: unset;
}

.archive.tax-product_cat .term-description {
    margin-bottom: 75px;
}

.shop-loop-attributes-all {
    font-size: 14px
}

.woocommerce ul.products li.product .price {
    font-size: 18px
}

.woocommerce ul.products li.product strong {display: inline-block}

/* .archive.tax-product_cat .attachment-woocommerce_thumbnail {border-radius: 25px;} */

/** prod arch **/

.woocommerce span.onsale {
    z-index: 2;
}

.woocommerce-Tabs-panel .product-tab-imgs {
    gap: 15px;
    text-align: center;
}

.woocommerce-tabs.wc-tabs-wrapper {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

.tabs.wc-tabs {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: start;
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px !important;
    margin: unset !important;
}

.tabs.wc-tabs li {
    display: flex !important;
    flex: 1 1 48%;
    flex-wrap: wrap;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: unset !important;
    margin: unset !important
}

.tabs.wc-tabs li a {
    width: 100%;
}

.tabs.wc-tabs li.active {
    color: green !important;
    box-shadow: 0px 1px 10px 0px #000000;
}

.tabs.wc-tabs:after {
    content: unset !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    display: block;
    border: unset;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    content: unset;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    content: unset;
}

.single-product .summary {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.woocommerce div.product form.cart {margin-bottom: unset}

.summary .product_title  {order: 1; margin: unset}
.summary .woocommerce-product-details__short-description {order: 2}
.summary .wrap-mikasa-icons {order: 3; justify-content: left}
.summary .product_meta {order: 4}
.summary .price {order: 5; margin: unset; font-size: 1.7em !important}
.summary .cart {order: 6}
.summary .prikaz-cene {order: 7}
.summary .svetovanje-product {order: 8}

.woocommerce .woocommerce-breadcrumb {margin-bottom: 25px; font-size: 12px}

.svetovanje-product a {margin-bottom: 10px !important; display: inline-block !important}
.svetovanje-product a:before {margin-right: 10px}

.woocommerce div.product .woocommerce-tabs .panel {width: 100%}

.wc-tabs .description_tab {order: 6}
.wc-tabs .additional_information_tab {order: 1}
.wc-tabs .tehnicni_tab {order: 2}
.wc-tabs .media_tab {order: 6}
.wc-tabs .aplikacije_tab {order: 5}
.wc-tabs .oprema_tab {order: 3}

.product-tab-imgs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
}

.product-tab-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 1 45%;
    gap: 10px;
    justify-content: center;
}

.single-product .product-tab-img {
    justify-content: unset;
}

.woocommerce ul.products li.product .onsale {
    z-index: 1;
}

.woocommerce ul.products li.product a {
    align-self: center;
}

.woocommerce-Address {
    position: relative;
    z-index: 1;
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button {
    border: 2px solid #c81428;
    border-radius: 25px;
    color: #fff;
    background-color: red;
    font-weight: bold;
    font-size: 25px;
}

.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button:hover {
    background-color: #fff;
    color: #c81428;
}

.wc-block-components-radio-control__secondary-label {
    display: none;
}

.woocommerce ul.products li.product a img {
    height: 300px;
    width: 100%;
}

.woocommerce.up-sells ul.products li.product, .woocommerce-page .up-sells  ul.products li.product {
   /* width: 22%; */
}

.woocommerce table.shop_attributes td {
    font-style: unset !important;
}

.category_dko {
    color: #000;
    font-size: 14px;
}

.category_series {
    text-decoration: none;
    color: #000;
    font-size: 14px;
}


.archive .add_to_cart_button.ajax_add_to_cart, .swiperNovejsiIzdelki .add_to_cart_button.ajax_add_to_cart, .related .add_to_cart_button.ajax_add_to_cart, .upsells .add_to_cart_button.ajax_add_to_cart{
    display: none !important;
}

.single_add_to_cart_button.button.alt:before {
    content: "\e93a";
    font-family: 'icomoon';
    margin-right: 10px;
}

.woocommerce-Tabs-panel h2 {
    flex: 0 0 100%;
}

.new_item {
    min-width: 57px !important;
    min-height: 57px !important;
    background-color: #409b5a !important;
}

[aria-label*="Preberite si več"]
{
    display: none !important;
}

[aria-label*="Izberite možnosti"]{
    display: none !important
}

@media (max-width: 768px) {
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }
}

@media (min-width: 768px) {

    /* single product */
    .single-product .woocommerce-content-wrap > .product {
        display: flex;
        flex-wrap: wrap;
    }

    .woocommerce-product-gallery {
        flex: 0 1 45%;
        max-width: 45%
    }

    .single-product .summary {
        flex: 0 1 50%;
        max-width: 50%;
        margin-left: auto;
        margin-top: unset;
    }

    .single-product .related, .single-product .up-sells {
        flex: 0 0 100%;
        max-width: 100%
    }

    /* single product */

    .product-tab-img {
        flex: 0 1 30%;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product  {
        width: 45%;
    }
}

@media (min-width: 1200px) {
    .woocommerce-tabs.wc-tabs-wrapper {
        flex-wrap: unset;
        display: flex;
    }

    .tabs.wc-tabs {
        width: 320px;
        min-width: 320px;
        flex-direction: row;
        justify-content: flex-start;
        display: flex;
        padding: 20px !important;
        height: fit-content;
        align-items: self-start;
        padding-top: unset !important;
    }

    .tabs.wc-tabs li {
        width: 100%;
        flex: 1 0 100%
    }

    .tabs.wc-tabs li {
        margin-top: 5px !important;
    }

    .woocommerce .woocommerce-breadcrumb {
        font-size: 16px;
    }

    .woocommerce-tabs.wc-tabs-wrapper {
        margin-top: 50px;
    }

    .product-tab-img {
        flex: 0 1 24%;
    }
}