/* Category Sidebar Dropdown Styles - Desktop Sidebar Only */
/* Scoped to .primary-sidebar to prevent conflicts with mobile categories */

.primary-sidebar .widget-category ul.categories {
    list-style: none;
    padding: 0;
    margin: 0;
}

.primary-sidebar .widget-category ul.categories > li {
    position: relative;
    border-bottom: 1px solid #ececec;
}

.primary-sidebar .widget-category ul.categories > li:last-child {
    border-bottom: none;
}

.primary-sidebar .widget-category ul.categories > li > a {
    display: block;
    padding: 12px 15px;
    color: #253D4E;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.3s ease;
    position: relative;
}

.primary-sidebar .widget-category ul.categories > li > a:hover {
    color: #2D3493;
    padding-left: 20px;
    background-color: #f8f9fa;
}

.primary-sidebar .widget-category ul.categories > li > a.active {
    color: #2D3493;
    font-weight: 600;
    background-color: #f0f3ff;
}

.primary-sidebar .widget-category ul.categories > li.has-children > a i.fi-rs-angle-right {
    transition: transform 0.3s ease;
}

.primary-sidebar .widget-category ul.categories > li.has-children:hover > a i.fi-rs-angle-right {
    transform: rotate(90deg);
}

/* Subcategories dropdown */
.primary-sidebar .widget-category ul.sub-categories {
    list-style: none;
    padding: 0 0 0 20px;  /* Add left padding for indentation */
    margin: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease, margin 0.3s ease;
    opacity: 0;
    background-color: #f8f9fa;
    border-left: 2px solid #2D3493;  /* Visual indicator for subcategories */
}

/* Only show subcategories when parent category is hovered - not all at once */
.primary-sidebar .widget-category ul.categories > li.has-children:hover > ul.sub-categories {
    max-height: 500px;
    opacity: 1;
    margin: 10px 0;
}

.primary-sidebar .widget-category ul.sub-categories li {
    border-bottom: 1px solid #f0f0f0;
}

.primary-sidebar .widget-category ul.sub-categories li:last-child {
    border-bottom: none;
}

.primary-sidebar .widget-category ul.sub-categories li a {
    display: block;
    padding: 10px 15px 10px 30px;  /* Increased left padding */
    color: #7E7E7E;
    font-size: 13px;
    transition: all 0.3s ease;
    position: relative;
}

.primary-sidebar .widget-category ul.sub-categories li a i {
    margin-right: 8px;
    font-size: 12px;
    color: #2D3493;
}

.primary-sidebar .widget-category ul.sub-categories li a:before {
    content: "→";
    position: absolute;
    left: 15px;
    color: #2D3493;
    opacity: 0;
    transition: all 0.3s ease;
}

.primary-sidebar .widget-category ul.sub-categories li a:hover {
    color: #2D3493;
    padding-left: 35px;
    background-color: #fff;
}

.primary-sidebar .widget-category ul.sub-categories li a:hover:before {
    opacity: 1;
    left: 20px;
}

.primary-sidebar .widget-category ul.sub-categories li a.active {
    color: #2D3493;
    font-weight: 600;
    background-color: #fff;
}

/* Mobile responsive - Desktop sidebar only */
@media (max-width: 991px) {
    .primary-sidebar .widget-category ul.categories > li > a {
        padding: 10px 12px;
        font-size: 13px;
    }
    
    .primary-sidebar .widget-category ul.sub-categories li a {
        padding: 8px 15px 8px 30px;
        font-size: 12px;
    }
}

/* Hide desktop sidebar on mobile - mobile uses bottom nav categories panel */
@media (max-width: 768px) {
    .primary-sidebar {
        display: none !important;
    }
}