/*
 * Shop / category — light Porto category.html refinements only.
 * Layout, sidebar widgets, toolbox, and cat-list come from demo35.
 * Icon fonts are restored in storefront-base.css.
 */

.sidebar-shop .cat-list > li > a.active,
.sidebar-shop .cat-sublist a.active {
    color: var(--sf-accent);
    font-weight: 600;
}

.sidebar-shop .cat-list .products-count {
    opacity: 0.65;
}

.sidebar-shop .cat-list li {
    position: relative;
}

.sidebar-shop .cat-list .toggle {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    color: #222529;
}

.toolbox-sort .select-custom form,
.toolbox-show .select-custom form {
    margin: 0;
}

.toolbox-pagination .pagination {
    margin-bottom: 0;
}

.main-content .info-box {
    border: 1px solid #e7e7e7;
    background: #fff;
}

@media (max-width: 991.98px) {
    .category-banner {
        padding: 3.2rem 1.5rem !important;
    }

    .toolbox {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.85rem;
    }

    .toolbox-left,
    .toolbox-right {
        width: 100%;
    }

    .sidebar-toggle {
        min-height: 44px;
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}

@media (max-width: 575.98px) {
    .category-banner {
        padding: 2.4rem 1.2rem !important;
    }
}