/*
Name: WC ARCHIVE STYLES
Desc: Styles for WooCommerce Archive Pages, Product Listing, Filter and WC_Custom Elements used in Archive Pages
*/


/*****************************
**
** ARCHIVE PAGE LAYOUT
**
******************************/

.woocommerce.archive .l-main #shop {
    background: var(--color-content-bg);
}


/***** WC_CUSTOM WRAPPER PRODUCTS (wc_custom-wrapper_products) - ADDED: in wc-layouts-archive.php */


/*****************************
**
** WC PRODUCTS HEADER
**
******************************/

.woocommerce-products-header {
    margin-right: 0;
    width: 100%;
}

.woocommerce-products-header:not(:last-child) {
    margin-bottom: 2.778rem;
}

.woocommerce-products-header .term-description:not(:last-child) {
    margin-bottom: 1.667rem;
}


/***** WC_CUSTOM ARCHIVE TITLE (wc_custom-archive-title) - ADDED: in wc-layouts-archive.php */

.wc_custom-archive-title:not(:last-child) {
    margin-bottom: 1.667rem;
}

.wc_custom-archive-title .wrapper_title {
    display: flex;
    flex-wrap: wrap;
    gap: 1.111rem;
    justify-content: space-between;
    align-items: center;
}

.wc_custom-archive-title .wrapper_title>* {
    margin: 0;
}

.wc_custom-archive-title .wrapper_link {
    line-height: 1;
}


/***** WC_CUSTOM BANNER (wc_custom-banner) - ADDED: in wc-layouts-archive.php */

.wc_custom-banner:not(:last-child) {
    margin-bottom: 2.778rem;
}

.wc_custom-banner.has_image_mobile .wrapper_image.desktop {
    display: none;
}

@media (min-width: 768px) {
    .wc_custom-banner.has_image .wrapper_image.mobile {
        display: none;
    }
    .wc_custom-banner.has_image .wrapper_image.desktop {
        display: block;
    }
}

.wc_custom-banner .wrapper_inner {
    position: relative;
}

.wc_custom-banner .wrapper_inner .wrapper_image {
    line-height: 1;
    border-radius: var(--element-radius);
    overflow: hidden;
}


/***** WC_CUSTOM RECOMMENDED PRODUCTS (wc_custom-recommended_products) - ADDED: in wc-layouts-archive.php */

.wc_custom-recommended_products:not(:last-child) {
    margin-bottom: 2.778rem;
}

.wc_custom-recommended_products .post_title:not(:last-child) {
    margin-bottom: 1.667rem;
}

.wc_custom-recommended_products>.wrapper_inner {
    position: relative;
    padding: 1.111rem;
    border-radius: var(--element-radius);
    overflow: hidden;
    border: 1px solid var(--color-content-border);
}

.wc_custom-recommended_products>.wrapper_inner>.grid_list {
    display: flex;
    flex-direction: column;
    gap: 0.833rem;
    width: 100%;
}

.wc_custom-recommended_products .product>.wrapper_inner {
    width: 100%;
    display: flex;
    gap: 0.833rem;
    align-items: center;
    justify-content: space-between;
}

.no-touch .wc_custom-recommended_products .product>.wrapper_inner:hover .product_title {
    text-decoration: underline;
}

.wc_custom-recommended_products .product .wrapper_main {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.111rem;
}

.wc_custom-recommended_products .product .wrapper_main .wrapper_image {
    position: relative;
    width: 36px;
    flex-shrink: 0;
    border-radius: calc(var(--element-radius) / 2);
    overflow: hidden;
}

@media (min-width: 768px) {
    .wc_custom-recommended_products .product .wrapper_main .wrapper_image {
        width: 60px;
    }
}

.wc_custom-recommended_products .product .wrapper_main .wrapper_image>.placeholder {
    padding-bottom: calc((1 / 1) * 100%);
    background: var(--color-content-bg-alt);
}

.wc_custom-recommended_products .product .wrapper_main .wrapper_image .placeholder+img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.wc_custom-recommended_products .product .wrapper_main .wrapper_content .product_tag {
    font-size: 0.778rem;
    text-transform: uppercase;
    color: var(--color-content-text);
}

.wc_custom-recommended_products .product .wrapper_main .wrapper_content .product_tag:not(:last-child) {
    margin-bottom: 0.278rem;
}

.wc_custom-recommended_products .product .wrapper_main .wrapper_content .product_tag:empty {
    display: none;
}

.wc_custom-recommended_products .product .wrapper_main .wrapper_content .wrapper_title {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.278rem;
}

.wc_custom-recommended_products .product .wrapper_main .wrapper_content .wrapper_title .product_title,
.wc_custom-recommended_products .product .wrapper_main .wrapper_content .wrapper_title .stock_status {
    font-size: 0.889rem;
    line-height: 1.333;
    margin: 0;
}

.wc_custom-recommended_products .product .wrapper_price {
    display: none;
    font-size: 0.778rem;
    line-height: 1;
}

@media (min-width: 768px) {
    .wc_custom-recommended_products .product .wrapper_price {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        align-items: flex-end;
        gap: 0.278rem;
    }
}

.wc_custom-recommended_products .product .wrapper_price ins {
    text-decoration: none;
}

.wc_custom-recommended_products .product .wrapper_price>del+span,
.wc_custom-recommended_products .product .wrapper_price>.woocommerce-Price-amount.amount,
.wc_custom-recommended_products .product .wrapper_price ins>.woocommerce-Price-amount.amount {
    font-size: 0.889rem;
    font-weight: var(--bold-font-weight);
    color: var(--color-content-heading);
}

.wc_custom-recommended_products .product .wrapper_price>del>.woocommerce-Price-amount.amount {
    font-size: 0.778rem;
    font-weight: var(--default-font-weight);
    color: var(--color-content-text);
}

.wc_custom-recommended_products .product .wrapper_price>ins {
    order: 0;
}

.wc_custom-recommended_products .product .wrapper_price>del {
    order: 1;
}

.wc_custom-recommended_products .product .wrapper_price>del>.woocommerce-price-suffix {
    display: none;
}

.wc_custom-recommended_products .product .wrapper_price .woocommerce-price-suffix {
    order: 2;
    display: none;
}


/**** TODO: yith_wcan_active_filters_labels - ADDED: in wc-layouts-archive.php */


/***** WC_CUSTOM RESULTS AND ORDERING (wc_custom-wrapper_results_ordering) - ADDED: in wc-layouts-archive.php */

.wc_custom-wrapper_results_ordering:not(:last-child) {
    margin-bottom: 1.667rem;
}

.wc_custom-wrapper_results_ordering {
    display: flex;
    flex-direction: column-reverse;
    gap: 1.111rem;
}

@media (min-width: 768px) {
    .wc_custom-wrapper_results_ordering {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
}

.wc_custom-wrapper_results_ordering .wrapper_ordering.type_links {
    display: none;
}

.wc_custom-wrapper_results_ordering .wrapper_ordering.type_links>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.wc_custom-wrapper_results_ordering .wrapper_ordering.type_links>ul>li {
    margin: 0;
}

.wc_custom-wrapper_results_ordering .wrapper_ordering.type_links>ul>li>a {
    display: block;
    padding: 15px 30px;
    background: var(--color-content-bg);
    font-size: 0.889rem;
    user-select: none;
    transition: all .3s ease;
}

.wc_custom-wrapper_results_ordering .wrapper_ordering.type_links>ul>li>a.active {
    font-weight: var(--bold-font-weight);
    box-shadow: inset 0 -3px 0 0 var(--color-content-primary);
    cursor: default;
    pointer-events: none;
}

.wc_custom-wrapper_results_ordering .wrapper_ordering.type_select {
    display: flex;
    flex-wrap: wrap;
    gap: 0.833rem;
    align-items: center;
}

.wc_custom-wrapper_results_ordering .wrapper_ordering.type_select .woocommerce-ordering {
    margin-bottom: 0;
    float: none;
}

.wc_custom-wrapper_results_ordering .wrapper_ordering.type_select .woocommerce-ordering select {
    --inputs-height: 2.222rem;
}

.wc_custom-wrapper_results_ordering .wrapper_ordering.type_select .ordering_label {
    font-size: 0.889rem;
    font-weight: var(--bold-font-weight);
    color: var(--color-content-heading);
}

@media (min-width: 1280px) {
    .wc_custom-wrapper_results_ordering {
        flex-direction: row-reverse;
        border-bottom: 1px solid var(--color-content-border);
        margin-top: -15px;
    }
    .wc_custom-wrapper_results_ordering .wrapper_ordering.type_links {
        display: block;
    }
    .wc_custom-wrapper_results_ordering .wrapper_ordering.type_select {
        display: none;
    }
}

.wc_custom-wrapper_results_ordering .woocommerce-result-count {
    font-size: 0.889rem;
    margin: 0;
}


/*****************************
**
** PRODUCT LISTING
**
******************************/


/***** PRODUCT LISTING - Pagiantion */

:root {
    --wc-pagination-item-size: 40px;
    --wc-pagination-item-font-size: 0.889rem;
    --wc-pagination-border-width: 0px;
    --wc-pagination-border-radius: 50%;
    --wc-pagination-top-offset: 2.222rem;
}

#shop .pagination {
    margin-top: var(--wc-pagination-top-offset);
}

@media only screen and (min-width: 768px) {
    #shop .pagination .nav-links {
        justify-content: flex-end;
    }
}

#shop .pagination>:not(.custom) .page-numbers {
    width: var(--wc-pagination-item-size);
    height: var(--wc-pagination-item-size);
    line-height: var(--wc-pagination-item-size);
    border-radius: var(--wc-pagination-border-radius);
    font-family: var(--font-body);
    font-size: var(--wc-pagination-item-font-size);
    font-weight: var(--default-font-weight);
    color: var(--color-content-link);
    background: none;
    border-style: solid;
    border-color: var(--color-content-border);
    border-width: var(--wc-pagination-border-width);
    transition: all .3s ease;
}

.no-touch #shop .pagination>:not(.custom) .page-numbers:hover {
    background: var(--color-content-bg-alt);
    border-color: var(--color-content-border);
}

#shop .pagination>:not(.custom) .page-numbers.current {
    color: var(--color-white);
    font-weight: var(--bold-font-weight);
    background: var(--color-content-primary);
    border-color: var(--color-content-primary);
}

#shop .pagination>:not(.custom) .page-numbers.prev,
#shop .pagination>:not(.custom) .page-numbers.next {
    font-size: 0;
    line-height: calc(var(--wc-pagination-item-size) - var(--wc-pagination-border-width));
    color: var(--color-content-link);
}

#shop .pagination>:not(.custom) .page-numbers.prev:after,
#shop .pagination>:not(.custom) .page-numbers.next:after {
    font-size: var(--wc-pagination-item-font-size);
}


/* #shop .pagination .page-numbers.next:after {
    content: "\f324";
}

#shop .pagination .page-numbers.prev:after {
    content: "\f323";
} */


/***** PRODUCT LISTING - Layout */


/**** Layout - General */

:root {
    --wc-products-grid-gutter: 10px;
}

@media (min-width: 1280px) {
     :root {
        --wc-products-grid-gutter: 15px;
    }
}

.woocommerce ul.products {
    margin: calc(0px - var(--wc-products-grid-gutter)) !important;
}

.woocommerce ul.products .product {
    padding: var(--wc-products-grid-gutter);
}


/**** Layout - Scrollable */

:root {
    --wc-scrollable-grid-margin: 5px;
    --wc-scrollable-grid-item-width: 80vw;
}

@media (min-width: 768px) and (max-width: 1024px) {
     :root {
        --wc-scrollable-grid-margin: 10px;
        --wc-scrollable-grid-item-width: 350px;
    }
}

@media (max-width: 1024px) {
    .woocommerce-cart .woocommerce .cross-sells {
        width: auto !important;
    }
    .woocommerce.scrolling,
    .related.products,
    .woocommerce-cart .woocommerce .cross-sells {
        margin-right: calc(-1 * ( var(--page-layout-container-padding)));
        margin-left: calc(-1 * ( var(--page-layout-container-padding)));
    }
    .woocommerce.scrolling .products,
    .related.products>.products,
    .woocommerce-cart .woocommerce .cross-sells .products {
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        margin: calc(-1 * var(--wc-scrollable-grid-margin)) !important;
    }
    .woocommerce.scrolling .products>*,
    .related.products>.products>*,
    .woocommerce-cart .woocommerce .cross-sells .products>* {
        scroll-margin: 10px;
        scroll-snap-align: start;
        scroll-snap-stop: normal;
        padding: var(--wc-scrollable-grid-margin) !important;
    }
    .related.products>h2,
    .woocommerce-cart .woocommerce .cross-sells h2 {
        padding: 0 var(--page-layout-container-padding);
    }
    .woocommerce.scrolling .products .product,
    .related.products>.products .product,
    .woocommerce-cart .woocommerce .cross-sells .products .product {
        flex-shrink: 0;
        width: var(--wc-scrollable-grid-item-width) !important;
    }
    .woocommerce.scrolling .products .product:first-child,
    .woocommerce.scrolling .products .product:last-child,
    .related.products>.products .product:first-child,
    .related.products>.products .product:last-child,
    .woocommerce-cart .woocommerce .cross-sells .products .product:first-child,
    .woocommerce-cart .woocommerce .cross-sells .products .product:last-child {
        width: calc(var(--wc-scrollable-grid-item-width) + var(--page-layout-container-padding)) !important;
    }
    .woocommerce.scrolling .products .product:first-child,
    .related.products>.products .product:first-child,
    .woocommerce-cart .woocommerce .cross-sells .products .product:first-child {
        padding-left: calc(var(--page-layout-container-padding) + var(--wc-scrollable-grid-margin)) !important;
    }
    .woocommerce.scrolling .products .product:last-child,
    .related.products>.products .product:last-child,
    .woocommerce-cart .woocommerce .cross-sells .products .product:last-child {
        padding-right: calc(var(--page-layout-container-padding) + var(--wc-scrollable-grid-margin)) !important;
    }
    .woocommerce.scrolling .products .product:first-child:last-child,
    .related.products>.products .product:first-child:last-child,
    .woocommerce-cart .woocommerce .cross-sells .products .product:first-child:last-child {
        width: calc(var(--wc-scrollable-grid-item-width) + var(--page-layout-container-padding) + var(--page-layout-container-padding)) !important;
    }
}


/**** Layout - Custom */


/* @media only screen and (max-width: 1200px) {
    .woocommerce ul.products.columns-4>.product {
        width: calc((4 / 12) * 100%);
    }
} */


/***** PRODUCT LISTING - Styling */


/**** .wc_custom-wrapper_inner added in wc-layouts-archive.php */

.woocommerce ul.products .product .wc_custom-wrapper_inner {
    background: #FFFFFF;
    border: 1px solid var(--color-content-border);
    border-radius: var(--element-radius);
    overflow: hidden;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.111rem;
    transition: all .3s ease;
}

@media (min-width: 1280px) {
    .woocommerce ul.products .product .wc_custom-wrapper_inner {
        padding: 30px;
    }
}

.no-touch .woocommerce ul.products .product .wc_custom-wrapper_inner:hover {
    border-color: #FFFFFF;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.12);
}


/* .woocommerce ul.products .product .wc_custom-wrapper_inner img {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
} */


/**** .wc_custom-wrapper_content added in wc-layouts-archive.php */

.woocommerce ul.products .product .wc_custom-wrapper_content {
    margin: 0;
    border: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-bottom: 0;
}


/**** wc_custom-wrapper_badges - added in wc-layouts-archive.php */

.woocommerce ul.products .product .wc_custom-wrapper_badges {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.woocommerce ul.products .product .wc_custom-wrapper_badges .grid_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 0.556rem;
}

.woocommerce ul.products .product .wc_custom-wrapper_badges .onsale {
    position: static;
    z-index: 1;
}


/**** wc_custom-wrapper_image - added in wc-layouts-archive.php */

.woocommerce ul.products .product .wc_custom-wrapper_image {
    position: relative;
}

.woocommerce ul.products .product .wc_custom-wrapper_image:not(:last-child) {
    margin-bottom: 1.111rem;
}

.woocommerce ul.products .product .wc_custom-wrapper_image>.placeholder {
    padding-bottom: 100%;
}

.woocommerce ul.products .product .wc_custom-wrapper_image>.placeholder+img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


/**** .wc_custom-product-tags added in wc-layouts-archive.php */

.woocommerce ul.products .product .wc_custom-product-tags {
    font-size: 0.778rem;
    line-height: 1.25;
    min-height: calc(0.778rem * 1.25);
    text-transform: uppercase;
    color: var(--color-content-text);
}

.woocommerce ul.products .product .wc_custom-product-tags:not(:last-child) {
    margin-bottom: 5px;
}


/**** Product Title */

.woocommerce .products .product .woocommerce-loop-product__title {
    font-size: 1rem;
    line-height: 1.333;
    padding: 0;
    margin-top: 0;
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: calc(1rem * 1.333 * 2);
    max-height: calc(1rem * 1.333 * 2);
}

.woocommerce .products .product .woocommerce-loop-product__title:not(:last-child) {
    margin-bottom: 1.111rem;
}

.no-touch .woocommerce ul.products .product .woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title {
    text-decoration: underline;
}


/**** .wc_custom-product_stock_status added in wc-layouts-archive.php */

.wc_custom-product_stock_status {
    font-size: 16px;
    line-height: 1;
    flex-shrink: 0;
    font-weight: var(--default-font-weight, 400);
}

.wc_custom-product_stock_status.in-stock {
    color: var(--wc-color-in-stock, var(--success-color));
}

.wc_custom-product_stock_status.available-on-backorder {
    color: var(--wc-color-available-on-backorder, var(--warning-color));
}

.wc_custom-product_stock_status.out-of-stock {
    color: var(--wc-colorout-off-stock, var(--error-color));
}


/* .wc_custom-product_stock_status::before {
    font-size: 0.889rem;
    font-family: var(--fa-font-family, 'fontawesome');
    font-weight: var(--fa-font-weight, 400);
    line-height: 1;
    display: inline-block;

}

.wc_custom-product_stock_status.in-stock::before {
    content: "\f058";
    color: var(--wc-color-in-stock);
    margin-right: 0.556rem;
} */


/**** .wc_custom-wrapper_price added in wc-layouts-archive.php */

.woocommerce ul.products .product .wc_custom-wrapper_price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.556rem;
    padding: 0;
}


/* .woocommerce ul.products .product.outofstock .wc_custom-wrapper_price {
    justify-content: flex-end;
} */


/** Price */

.woocommerce ul.products .product .wc_custom-wrapper_price .price {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 0;
}

.single-product #shop ul.products .product.taxable .wc_custom-wrapper_price .price del>.woocommerce-price-suffix,
.woocommerce ul.products .product.taxable .wc_custom-wrapper_price .price del>.woocommerce-price-suffix {
    display: none !important;
}

.single-product #shop ul.products .product.taxable .wc_custom-wrapper_price .price .woocommerce-price-suffix,
.woocommerce ul.products .product.taxable .wc_custom-wrapper_price .price .woocommerce-price-suffix {
    order: 2;
    display: none !important;
}

.single-product #shop ul.products .product .wc_custom-wrapper_price .price,
.single-product #shop ul.products .product .wc_custom-wrapper_price .price ins,
.woocommerce ul.products .product .wc_custom-wrapper_price .price,
.woocommerce ul.products .product .wc_custom-wrapper_price .price ins {
    font-size: 1rem;
    line-height: 1.2;
    font-weight: var(--bold-font-weight);
    color: var(--color-content-heading);
    text-decoration: none;
}

.single-product #shop ul.products .product .wc_custom-wrapper_price .price ins,
.woocommerce ul.products .product .wc_custom-wrapper_price .price ins {
    order: 0;
}

.single-product #shop ul.products .product.sale .wc_custom-wrapper_price .price>del,
.woocommerce ul.products .product.sale .wc_custom-wrapper_price .price>del {
    margin-left: 0;
    opacity: 1;
    font-size: 0.889rem;
    line-height: 1.2;
    font-weight: var(--default-font-weight, 400);
    color: var(--color-content-text);
    order: 1;
}


/**** Add to Cart Button */

.woocommerce ul.products .product .add_to_cart_button,
.woocommerce ul.products .product .button {
    margin: 0;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1.25;
    font-weight: var(--bold-font-weight);
    border-radius: 3.125em;
    padding: 0.833rem 1.111rem;
    background: var(--color-content-primary);
    color: var(--color-white);
}

.woocommerce ul.products .product .add_to_cart_button.ajax_add_to_cart::before {
    content: '\e0af';
    font-family: var(--fa-font-family, 'fontawesome');
    font-size: inherit;
    font-weight: var(--fa-font-weight-solid, var(--fa-font-weight, 400));
    line-height: 1;
    position: relative;
    color: inherit;
    display: inline-block;
    margin-right: 0.556rem;
}


/*** wc_forward if ajax is enabled */

.woocommerce ul.products .product .added_to_cart.wc-forward {
    margin: 0.5rem 1.111rem 0 0;
    display: inline-block;
    width: 100%;
    text-decoration: underline;
    text-align: right;
}