/************************************
 * Woo Page Product Overview
*************************************/
.woocommerce-products-header {position:relative; z-index:2;}
.term-description {margin-bottom:var(--vii-spacing-default);}

.woo-shop {--aside-width:300px;}

/* Product Overview > Layout columns */
.woo-shop-aside {width:var(--aside-width); padding-right:var(--vii-spacing-gap-container);}
.woo-shop-main {width:calc(100% - var(--aside-width));}

/* Filter button mobile */
.woo-shop-filter-button button {background:transparent; padding:0;}
.woo-shop-filter-button button i {margin-right:.5em;}

/* grid */
.woo-products {
    --grid-gap-x:16px;
    --grid-gap-y:12px;

    margin-bottom:0 !important;
}

/************************************
 * Shop Main Tools
*************************************/
/* Result count, Ordering */
.woo-shop-main__tools {}
.woo-shop-main__tools .woocommerce-result-count {margin:0;}
.woo-shop-main__tools .woo-ordering__dropdown {}

/* Product per page */
.woo-shop-main__tools .prdctfltr_wc .prdctfltr_buttons {display:none;}
.woo-shop-main__tools .prdctfltr_wc .prdctfltr_woocommerce_ordering {margin:0;}

/***************************************
 * Woo Page Product Overview - Responsive
****************************************/
@media only screen and (max-width:1280px) {
    /* Product Overview > Layout columns */
    .woo-shop-aside {display:none;}
    .woo-shop-aside,
    .woo-shop-main {width:100%; padding:0;}
    .woo-shop-main__tools-col > div:not(:last-child) {margin-right:15px;}

    /* Filter button */
    .woo-shop-main__tools-block.filter-button.hidden {display:block;}

    /* Result count */
    .woo-shop-main__tools-block.result-count {width:100%; order:-1; border-bottom:1px solid #eee; padding-bottom:10px;}

    /* Ordering */
    .woo-ordering__label {display:none;}
    .woo-ordering .es-current {border:none !important;}
    .woo-ordering .es-current .es-option {padding:0; gap:15px;}
    .woo-ordering .es-current .es-option:after {
        content:"\e947"; position:relative; top:auto; right:auto;
        transform:none; margin:0; display:block; color:var(--vii-color-text);
    }
}
@media only screen and (max-width:1024px) {
    .woo-products {--grid-col:3}
}
@media only screen and (max-width:768px) {
    /* Ordering */
    .woo-ordering .es-current .es-option span {display:none;}

    /* grid */
    .woo-products {--grid-col:2; --grid-gap-y:20px;}
}