/* Enhanced Mega Menu Styles for Bootstrap Structure */
.mega-menu-products {
    min-width: 800px;
    max-width: 1000px;
    border: none !important;
    border-radius: 8px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    background: white;
    padding: 2rem;
    margin-top: 0;
}

.mega-dropdown .dropdown-menu.show {
    display: block;
}

/* Left Column - Categories */
.mega-cat-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mega-cat-item {
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
    margin-bottom: 4px;
}

.mega-cat-item .cat-link {
    display: block;
    padding: 12px 16px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
}

.mega-cat-item:hover,
.mega-cat-item.active {
    /* background-color: #f8f9fa; */
    /* border-left-color: #007bff; */
}

.mega-cat-item:hover .cat-link,
.mega-cat-item.active .cat-link {
    color: #000000;
    background-color: transparent;
    padding-left: 5px;
}

/* Right Column - Subcategories */
#mega-subcategories-container {
    min-height: 250px;
}

#mega-subcategories-container.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#mega-subcategories-container .row {
    margin: 0;
}

#mega-subcategories-container .col-md-12 {
    padding: 0;
}

#mega-subcategories-container a {
    color: #000000;
    text-decoration: none;
    padding: 8px;
    display: block;
    border-radius: 0px;
    transition: all 0.3s ease;
    font-size: 0.9rem;
    border-left: 2px solid transparent;
}

#mega-subcategories-container a.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Border between columns */
.border-end {
    border-right: 1px solid #e9ecef !important;
}

/* Hide subcategories data */
.subcategories-data {
    display: none !important;
}

/* Loading state */
.mega-menu-products .spinner-border {
    width: 2rem;
    height: 2rem;
    color: #000000;
}

/* Responsive Design */
@media (max-width: 991px) {
    .mega-menu-products {
        min-width: auto;
        max-width: none;
        width: 100%;
        position: static;
        box-shadow: none;
        border: 1px solid #dee2e6;
        margin-top: 0.5rem;
    }
    
    .mega-menu-products .col-md-5,
    .mega-menu-products .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .mega-menu-products .col-md-5.px-0,
    .mega-menu-products .col-md-7.pe-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .border-end {
        border-right: none !important;
        border-bottom: 1px solid #e9ecef !important;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
    }
    
    #mega-subcategories-container {
        padding-left: 0;
        min-height: auto;
    }
}

@media (max-width: 576px) {
    .mega-menu-products {
        padding: 1rem;
    }
    
    .mega-cat-item .cat-link {
        padding: 10px 12px;
        font-size: 0.9rem;
    }
    
    #mega-subcategories-container a {
        padding: 6px 8px;
        font-size: 0.85rem;
    }
}