/**
 * WooCommerce Shop Sidebar Styles
 * Reuses category filter styles from homepage
 *
 * @package Elessi-VD-Child
 * @since 2025-11-03
 */

/* Sidebar Container */
.vd-shop-sidebar .vd-category-sidebar-inner {
    background: #fff;
    padding: 20px;
}

.vd-shop-sidebar .vd-sidebar-title {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 15px;
    color: #333;
    padding-bottom: 10px;
    border-bottom: 2px solid #f0f0f0;
}

/* Category List - Reuse homepage styles */
.vd-shop-sidebar .vd-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vd-shop-sidebar .vd-category-item {
    margin-bottom: 5px;
}

.vd-shop-sidebar .vd-category-item > a {
    display: block;
    padding: 12px 15px;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s;
    border: 1px solid transparent;
}

.vd-shop-sidebar .vd-category-item > a:hover {
    background: #f8f9fa;
    border-color: #e0e0e0;
}

.vd-shop-sidebar .vd-category-item.active > a {
    background: linear-gradient(135deg, #F76B6A 0%, #e55a5a 100%) !important;
    color: #333 !important;
    border-color: #F76B6A !important;
    box-shadow: 0 2px 8px rgba(247, 107, 106, 0.3) !important;
}

.vd-shop-sidebar .vd-category-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.vd-shop-sidebar .vd-category-name {
    font-weight: 500;
    font-size: 0.95em;
    color: inherit;
}

.vd-shop-sidebar .vd-category-item.active .vd-category-name {
    color: #333 !important;
}

.vd-shop-sidebar .vd-category-item.active .vd-category-count {
    color: #333 !important;
    opacity: 0.8;
}

.vd-shop-sidebar .vd-category-count {
    font-size: 0.8em;
    opacity: 0.8;
    color: inherit;
}

/* Subcategories */
.vd-shop-sidebar .vd-subcategory-list {
    list-style: none;
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.vd-shop-sidebar .vd-subcategory-item > a {
    display: block;
    padding: 8px 12px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s;
    font-size: 0.9em;
}

.vd-shop-sidebar .vd-subcategory-item > a:hover {
    background: #f0f0f0;
}

.vd-shop-sidebar .vd-subcategory-item.active > a {
    background: #F76B6A !important;
    color: #333 !important;
}

.vd-shop-sidebar .vd-subcategory-item.active .vd-category-name,
.vd-shop-sidebar .vd-subcategory-item.active .vd-category-count {
    color: #333 !important;
}

.vd-shop-sidebar .vd-subcategory-item .vd-category-name {
    font-weight: 400;
}

/* Mobile Responsive - Use Off-Canvas Sidebar */
@media (max-width: 768px) {
    /* Hide inline sidebar on mobile - will open as off-canvas overlay */
    .vd-shop-sidebar:not(.nasa-active) {
        display: none !important;
    }

    /* Sidebar styling when opened as off-canvas overlay */
    .vd-shop-sidebar.nasa-active {
        display: block !important;
    }

    .vd-shop-sidebar .vd-category-sidebar-inner {
        padding: 15px;
    }

    .vd-shop-sidebar .vd-category-item > a {
        padding: 10px;
        font-size: 0.9em;
    }

    /* Show Filters button in bottom bar */
    .nasa-bot-item-sidebar {
        display: block !important;
    }
}

/* MOBILE: Move sidebar above products - DISABLED DUE TO BLANK PAGE BUG
@media (max-width: 768px) {
    .nasa-archive-product-content.nasa-after-clear {
        display: flex !important;
        flex-direction: column !important;
    }

    .nasa-archive-product-content > .vd-shop-sidebar {
        order: -1 !important;
    }

    .nasa-archive-product-content > .nasa-products-page-wrap {
        order: 0 !important;
    }
}
*/

/* Hide Shop Topbar - Filters/Change View/Sort */
.row.filters-container.nasa-filter-wrap {
    display: none !important;
}