/* Mobile dropdown fixes */
@media (max-width: 991px) {
    /* Ensure dropdown works on mobile */
    .nav-item.dropdown .nav-link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    
    /* Make dropdown items more tappable */
    .dropdown-item {
        padding: 15px 20px 15px 50px;
        font-size: 16px;
        display: block;
        width: 100%;
    }
    
    /* Add visual feedback for taps */
    .nav-item.dropdown .nav-link:active {
        background-color: #f0f0f0;
    }
    
    /* Fix dropdown content visibility */
    .nav-item.dropdown .dropdown-content {
        display: none;
    }
    
    .nav-item.dropdown.show-dropdown .dropdown-content {
        display: block;
        height: auto;
        max-height: none;
    }
    
    /* Special styles for product categories */
    #product-categories-dropdown .dropdown-content {
        border-left: 4px solid #3498db;
    }
    
    /* Make chevron more visible */
    .nav-item.dropdown .fa-chevron-down {
        font-size: 14px;
        transition: transform 0.3s ease;
    }
    
    .nav-item.dropdown.show-dropdown .fa-chevron-down {
        transform: rotate(180deg);
    }
}