/* Mobile Product Filters Dropdown Styling */

@media (max-width: 768px) {
    .container-filter-products-mobile .btn-filter-products-mobile {
        position: relative;
    }

    .btn-filter-products-mobile .dropdown-menu {
        width: 280px;
        max-height: 500px;
        overflow-y: scroll !important;
        scrollbar-width: thin !important;
        scrollbar-color: #888 #f1f1f1 !important;
        padding: 10px;
        border-radius: 0.188rem;
        border: 1px solid #e5e5e5;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        margin-top: 5px;
        top: 100% !important;
        bottom: auto !important;
        transform: none !important;
        position: absolute !important;
    }

    .btn-filter-products-mobile.dropup .dropdown-menu,
    .btn-filter-products-mobile .dropdown-menu.show {
        top: 100% !important;
        bottom: auto !important;
        transform: none !important;
    }
    
    /* Permanent scrollbar for Webkit browsers */
    .btn-filter-products-mobile .dropdown-menu::-webkit-scrollbar {
        width: 8px !important;
        display: block !important;
    }
    
    .btn-filter-products-mobile .dropdown-menu::-webkit-scrollbar-track {
        background: #f1f1f1 !important;
    }
    
    .btn-filter-products-mobile .dropdown-menu::-webkit-scrollbar-thumb {
        background: #888 !important;
        border-radius: 4px !important;
    }
    
    .btn-filter-products-mobile .dropdown-menu::-webkit-scrollbar-thumb:hover {
        background: #555 !important;
    }
}