.elementor-25135 .elementor-element.elementor-element-03b100d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-25135 .elementor-element.elementor-element-03b100d:not(.elementor-motion-effects-element-type-background), .elementor-25135 .elementor-element.elementor-element-03b100d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-theme-archive-title .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-25135 .elementor-element.elementor-element-23ea7ac .elementor-heading-title{font-family:var( --e-global-typography-4b2ca5d-font-family ), inter;font-size:var( --e-global-typography-4b2ca5d-font-size );font-weight:var( --e-global-typography-4b2ca5d-font-weight );}.elementor-25135 .elementor-element.elementor-element-6b31737{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:3em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );}.elementor-25135 .elementor-element.elementor-element-e40e97b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-25135 .elementor-element.elementor-element-e40e97b.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-25135 .elementor-element.elementor-element-23ea7ac .elementor-heading-title{font-size:var( --e-global-typography-4b2ca5d-font-size );}.elementor-25135 .elementor-element.elementor-element-e40e97b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-25135 .elementor-element.elementor-element-23ea7ac .elementor-heading-title{font-size:var( --e-global-typography-4b2ca5d-font-size );}.elementor-25135 .elementor-element.elementor-element-e40e97b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for wc-archive-products, class: .elementor-element-e40e97b *//* =========================================================
   J’DORIEN – PREMIUM PRODUCT ARCHIVE
   Elementor CSS class: jd-product-archive
   ========================================================= */

.jd-product-archive {
    --jd-ink: #171615;
    --jd-muted: #7a746f;
    --jd-soft: #f6f3ef;
    --jd-card: #fbfaf8;
    --jd-line: rgba(23, 22, 21, 0.11);
    --jd-line-strong: rgba(23, 22, 21, 0.18);
    --jd-wine: #8a1730;
    --jd-white: #ffffff;
}

/* =========================================================
   RESULT COUNT + SORTING
   ========================================================= */

.jd-product-archive .woocommerce-result-count {
    margin: 0 !important;

    color: var(--jd-muted);

    font-family: Manrope, Inter, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.03em;
}

.jd-product-archive .woocommerce-ordering {
    margin: 0 0 34px !important;
}

.jd-product-archive .woocommerce-ordering select {
    min-width: 260px;
    height: 48px;

    padding: 0 48px 0 18px !important;

    color: var(--jd-ink);
    background-color: transparent;

    border: 1px solid var(--jd-line);
    border-radius: 0;

    font-family: Manrope, Inter, Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;

    box-shadow: none !important;
    outline: none;

    transition:
        border-color 0.22s ease,
        background-color 0.22s ease;
}

.jd-product-archive .woocommerce-ordering select:hover,
.jd-product-archive .woocommerce-ordering select:focus {
    background-color: var(--jd-white);
    border-color: var(--jd-ink);
}

/* =========================================================
   GRID
   ========================================================= */

.jd-product-archive ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 42px 18px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.jd-product-archive ul.products::before,
.jd-product-archive ul.products::after {
    display: none !important;
}

/* =========================================================
   PRODUCT CARD
   ========================================================= */

.jd-product-archive ul.products li.product {
    position: relative;

    float: none !important;
    width: auto !important;

    margin: 0 !important;
    padding: 10px 10px 14px !important;

    overflow: hidden;

    background: var(--jd-card);
    border: 1px solid transparent;

    transform: none !important;

    transition:
        border-color 0.28s ease,
        box-shadow 0.34s ease,
        background-color 0.28s ease;
}

.jd-product-archive ul.products li.product:hover {
    transform: none !important;

    border-color: var(--jd-line);

    box-shadow:
        0 18px 42px rgba(28, 22, 18, 0.07);
}

/* =========================================================
   IMAGE
   ========================================================= */

.jd-product-archive ul.products li.product a.woocommerce-LoopProduct-link {
    display: block;

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

.jd-product-archive ul.products li.product .astra-shop-thumbnail-wrap,
.jd-product-archive ul.products li.product .woocommerce-loop-product__link {
    position: relative;
    overflow: hidden;
}

.jd-product-archive ul.products li.product img {
    display: block;

    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 4;

    margin: 0 0 17px !important;

    object-fit: cover;
    object-position: center top;

    background: #f0efed;

    transform: scale(1);

    transition:
        transform 0.7s cubic-bezier(.2, .65, .2, 1),
        filter 0.35s ease;
}

.jd-product-archive ul.products li.product:hover img {
    transform: scale(1.012);
}

/* odstrani močan overlay efekt */
.jd-product-archive ul.products li.product .astra-shop-thumbnail-wrap::after,
.jd-product-archive ul.products li.product .woocommerce-loop-product__link::after {
    display: none !important;
}

/* =========================================================
   SALE BADGE
   ========================================================= */

.jd-product-archive ul.products li.product .onsale {
    position: absolute !important;

    top: 20px !important;
    right: 20px !important;
    left: auto !important;

    z-index: 8;

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

    min-width: auto !important;
    min-height: 30px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    color: #fff !important;
    background: var(--jd-wine) !important;

    border: 0 !important;
    border-radius: 0 !important;

    font-family: Manrope, Inter, Arial, sans-serif;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.16em;
    text-transform: uppercase;

    box-shadow: none !important;
}

/* =========================================================
   TITLE
   ========================================================= */

.jd-product-archive ul.products li.product
.woocommerce-loop-product__title {
    min-height: 42px;

    margin: 0 0 8px !important;
    padding: 0 !important;

    color: var(--jd-ink);

    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 1.08;
    letter-spacing: -0.01em;

    transition: none !important;
}

.jd-product-archive ul.products li.product:hover
.woocommerce-loop-product__title {
    color: var(--jd-ink) !important;
}

/* =========================================================
   PRICE
   ========================================================= */

.jd-product-archive ul.products li.product .price {
    display: flex !important;
    align-items: baseline;
    flex-wrap: wrap;

    gap: 7px;

    min-height: 22px;

    margin: 0 0 14px !important;

    color: var(--jd-ink) !important;

    font-family: Manrope, Inter, Arial, sans-serif;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3;
}

.jd-product-archive ul.products li.product .price del {
    color: #98918c !important;

    font-size: 11px !important;
    font-weight: 400 !important;

    opacity: 1;

    text-decoration-thickness: 1px;
}

.jd-product-archive ul.products li.product .price ins {
    color: var(--jd-wine) !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}

.jd-product-archive ul.products li.product .price .amount {
    color: inherit;
}

/* =========================================================
   SIZE SWATCHES
   ========================================================= */

.jd-product-archive ul.products li.product .variable-items-wrapper,
.jd-product-archive ul.products li.product .wvs-archive-variation-wrapper,
.jd-product-archive ul.products li.product .woo-variation-items-wrapper {
    display: flex !important;
    flex-wrap: wrap;

    gap: 6px;

    margin: 0 0 20px !important;
    padding: 0 !important;
}

.jd-product-archive ul.products li.product .variations,
.jd-product-archive ul.products li.product .variations_form,
.jd-product-archive ul.products li.product .wvs-archive-variations-wrapper {
    margin-bottom: 20px !important;
}

.jd-product-archive ul.products li.product .variable-item {
    position: relative;

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

    min-width: 31px !important;
    height: 31px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    color: var(--jd-ink) !important;
    background: transparent !important;

    border: 1px solid #d9d4cf !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: Manrope, Inter, Arial, sans-serif;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    transition:
        color 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.jd-product-archive ul.products li.product .variable-item:hover,
.jd-product-archive ul.products li.product .variable-item.selected {
    color: #fff !important;
    background: var(--jd-ink) !important;
    border-color: var(--jd-ink) !important;
}

.jd-product-archive ul.products li.product .variable-item.disabled,
.jd-product-archive ul.products li.product .variable-item.out-of-stock {
    color: #aaa29c !important;
    background: #f0ede9 !important;
    border-color: #e2ddd8 !important;

    opacity: 0.55;
}

.jd-product-archive ul.products li.product .variable-item.disabled::after,
.jd-product-archive ul.products li.product .variable-item.out-of-stock::after {
    content: "";

    position: absolute;
    left: 5px;
    right: 5px;
    top: 50%;

    height: 1px;

    background: #a69f99;

    transform: rotate(-38deg);
}

/* =========================================================
   CTA
   ========================================================= */

.jd-product-archive ul.products li.product .button,
.jd-product-archive ul.products li.product .added_to_cart {
    position: relative;
    overflow: hidden;

    display: flex !important;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    min-height: 44px;

    margin: 4px 0 0 !important;
    padding: 0 15px !important;

    color: #fff !important;
    background: var(--jd-ink) !important;

    border: 1px solid var(--jd-ink) !important;
    border-radius: 0 !important;

    font-family: Manrope, Inter, Arial, sans-serif;
    font-size: 8.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    text-decoration: none !important;

    box-shadow: none !important;

    transition:
        background 0.22s ease,
        border-color 0.22s ease,
        transform 0.2s ease;
}

.jd-product-archive ul.products li.product .button::after,
.jd-product-archive ul.products li.product .added_to_cart::after {
    content: "→";

    position: static !important;

    display: inline-block !important;

    margin: 0 !important;

    font-size: 15px;
    font-weight: 400;
    line-height: 1;

    opacity: 1 !important;

    transform: translateX(0);

    transition: transform 0.22s ease;
}

.jd-product-archive ul.products li.product .button:hover,
.jd-product-archive ul.products li.product .added_to_cart:hover {
    color: #fff !important;
    background: #292624 !important;
    border-color: #292624 !important;

    transform: none !important;
}

.jd-product-archive ul.products li.product .button:hover::after,
.jd-product-archive ul.products li.product .added_to_cart:hover::after {
    transform: translateX(3px);
}

/* loading */

.jd-product-archive ul.products li.product .button.loading {
    opacity: 0.65;

    padding-right: 15px !important;
}

.jd-product-archive ul.products li.product .button.loading::after {
    content: "…";
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1200px) {
    .jd-product-archive ul.products {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .jd-product-archive ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        gap: 26px 10px !important;
    }

    .jd-product-archive ul.products li.product {
        padding: 7px 7px 10px !important;
    }

    .jd-product-archive ul.products li.product img {
        margin-bottom: 12px !important;
    }

    .jd-product-archive ul.products li.product
    .woocommerce-loop-product__title {
        min-height: 37px;

        font-size: 17px !important;
    }

    .jd-product-archive ul.products li.product .price {
        margin-bottom: 10px !important;

        font-size: 11px !important;
    }

    .jd-product-archive ul.products li.product .variable-items-wrapper,
    .jd-product-archive ul.products li.product .wvs-archive-variation-wrapper,
    .jd-product-archive ul.products li.product .woo-variation-items-wrapper {
        gap: 4px;

        margin-bottom: 14px !important;
    }

    .jd-product-archive ul.products li.product .variations,
    .jd-product-archive ul.products li.product .variations_form,
    .jd-product-archive ul.products li.product .wvs-archive-variations-wrapper {
        margin-bottom: 14px !important;
    }

    .jd-product-archive ul.products li.product .variable-item {
        min-width: 28px !important;
        height: 28px !important;

        padding: 0 6px !important;

        font-size: 9px !important;
    }

    .jd-product-archive ul.products li.product .button,
    .jd-product-archive ul.products li.product .added_to_cart {
        min-height: 42px;

        margin-top: 2px !important;
        padding: 0 11px !important;

        font-size: 8px !important;
        letter-spacing: 0.1em;
    }

    .jd-product-archive ul.products li.product .onsale {
        top: 14px !important;
        right: 14px !important;

        min-height: 26px !important;

        padding: 0 8px !important;

        font-size: 7px !important;
    }

    .jd-product-archive .woocommerce-ordering select {
        width: 100%;
        min-width: 100%;
    }
}

@media (max-width: 430px) {
    .jd-product-archive ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .jd-product-archive ul.products li.product .button::after,
    .jd-product-archive ul.products li.product .added_to_cart::after {
        display: none !important;
    }
}

/* =========================================================
   J'DORIEN – BRAND / COLLECTION NAD NASLOVOM
   ========================================================= */

.jd-product-archive .jd-loop-brand {
    display: block;
    margin: 0 0 9px;
    padding: 0;
}

.jd-product-archive .jd-loop-brand__label {
    display: block;
    margin: 0 0 3px;

    color: #9a938d;

    font-family: Manrope, Inter, Arial, sans-serif;
    font-size: 7px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.30em;
    text-transform: uppercase;
}

.jd-product-archive .jd-loop-brand__name {
    display: inline-block;

    color: var(--jd-wine);

    font-family: Manrope, Inter, Arial, sans-serif;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.26em;
    text-transform: uppercase;
    text-decoration: none !important;

    transition:
        color 0.2s ease,
        opacity 0.2s ease;
}

.jd-product-archive .jd-loop-brand__name:hover {
    color: var(--jd-ink);
}

/* Heritage bolj bordo */

.jd-product-archive
.jd-loop-brand__name[href*="heritage"] {
    color: var(--jd-wine);
}

/* Performance bolj temen */

.jd-product-archive
.jd-loop-brand__name[href*="performance"] {
    color: var(--jd-ink);
}

/* Naslov malo bližje brandu */

.jd-product-archive ul.products li.product
.woocommerce-loop-product__title {
    margin-top: 0 !important;
}

/* Mobile */

@media (max-width: 767px) {

    .jd-product-archive .jd-loop-brand {
        margin-bottom: 7px;
    }

    .jd-product-archive .jd-loop-brand__label {
        font-size: 6px;
        letter-spacing: 0.22em;
    }

    .jd-product-archive .jd-loop-brand__name {
        font-size: 8px;
        letter-spacing: 0.19em;
    }
}/* End custom CSS */