/* ----- General ----- */
.wc-archive-load-more { margin-top: 2rem; }

.wc-archive-load-more .btn {
    position: relative;
    min-width: 12.313rem;
}

.wc-archive-load-more .btn.loading { pointer-events: none; }

.wc-archive-load-more__count { color: #878278; }

.site-content:has(.faq-block) { padding-bottom: 0; }

@media ( min-width: 1100px ) {
    .site-header { margin-bottom: 1.5rem; }
}

@media ( max-width: 1099px ) {
    .products-layout { margin-top: -1px; }

    .products.row { --row-gutters: 0.5rem; }

    .wc-archive-load-more { margin-top: 1rem; }

    .wc-archive-load-more__count {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}




/* ----- Category banner ----- */
.category-banner { padding: 3rem 5rem 5rem; }

@media ( max-width: 1099px ) {
    .category-banner { padding: 2.5rem; }

    .category-banner__text {
        font-size: 1rem;
        line-height: 1.375rem;
    }
}



/* ----- Breadcrumbs ----- */
ol.breadcrumb { margin-bottom: 1.5rem; }



/* ----- Product sorting ----- */
.SumoSelect > [name="orderby"] + .CaptionCont { width: 18.875rem; }

.woocommerce-ordering__label {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--color-default);
    white-space: nowrap;
}



/* ----- List view ----- */
@media ( min-width: 1100px ) {
    .products[data-view="list"] > .product {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .products[data-view="list"] .product-card {
        display: flex;
        align-items: center;
        gap: 2rem;
    }

    .products[data-view="list"] .product-card__image-wrap {
        flex: 0 0 auto;
        width: 15rem;
    }

    .products[data-view="list"] .product-card__image { height: 15rem; }

    .products[data-view="list"] .product-card__info {
        flex: 1;
        padding: 0;
    }

    .products[data-view="list"] .product-card .for-grid-view { display: none !important; }

    .products[data-view="list"] .product-card__info .product-card__badges {
        display: flex !important;
        position: static;
        padding: 0;
    }

    .products[data-view="list"] .product-card__actions.for-list-view {
        flex-shrink: 0;
        display: block !important;
        position: relative;
        z-index: 2;
        bottom: auto;
        margin-left: auto;
        padding: 0;
        opacity: 1;
    }
}

@media ( hover: hover ) {
    .brand-category-link svg { transition: all .2s; }

    .brand-category-link:hover { text-decoration: underline; }

    .brand-category-link:hover svg { transform: translateX(0.25rem); }
}

@media ( max-width: 1099px ) {
    .SumoSelect > [name="orderby"] + .CaptionCont { width: auto; }

    .woocommerce-ordering-container { flex: 1; }

    .woocommerce-ordering { width: 100%; }

    .woocommerce-ordering .SumoSelect > .CaptionCont {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem 1rem;
    }

    .woocommerce-ordering .SumoSelect > .CaptionCont::before {
        display: block;
        width: 1rem;
        height: 1rem;
        background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.3971 9.63988C14.832 9.21208 15.4927 9.86185 15.0577 10.2897L11.8209 13.4733C11.6493 13.6396 11.3555 13.6474 11.1682 13.4655L7.93989 10.2897C7.50494 9.86189 8.16557 9.21211 8.60053 9.63991L11.0319 12.0314V2.85968C11.0319 2.25478 11.9663 2.25478 11.9663 2.85968V12.0314L14.3971 9.63988ZM4.31547 2.43843L4.17921 2.52758L0.942373 5.71061C0.50742 6.13841 1.16806 6.78819 1.60301 6.36039L4.03441 3.96894V13.1406C4.03441 13.7455 4.96879 13.7455 4.96879 13.1406L4.96818 3.96894L7.39959 6.36039C7.83454 6.78819 8.49517 6.13841 8.06022 5.71061L4.83195 2.53478C4.6963 2.40374 4.49553 2.36125 4.31547 2.43843Z" fill="%2347443E"/></svg>') no-repeat center;
        content: '';
    }

    .woocommerce-ordering .SumoSelect > .CaptionCont > span {
        font-size: 0.75rem;
        line-height: 1.063rem;
    }

    .woocommerce-ordering .SumoSelect > .CaptionCont > label { width: 2.625rem; }
}