/* Dropdown footer styles */
.dropdown-footer {
    padding: 10px 15px;
    border-top: 1px solid #e0d5c0;
    text-align: center;
    background: #f8f9fa;
    border-radius: 0 0 15px 15px;
}

.view-all-link {
    display: inline-block;
    padding: 6px 15px;
    background: linear-gradient(135deg, #1a3a2a 0%, #0a241a 100%);
    color: #d4a017;
    text-decoration: none;
    border-radius: 30px;
    font-size: 0.85rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.view-all-link:hover {
    background: linear-gradient(135deg, #0d1f15 0%, #06120c 100%);
    color: white;
    transform: translateY(-2px);
}

/* Make dropdown menu have space for footer */
.dropdown-menu-custom {
    padding-bottom: 0 !important;
}

/* Mobile styles */
@media (max-width: 991px) {
    .dropdown-footer {
        position: sticky;
        bottom: 0;
        background: #f8f9fa;
        z-index: 10;
    }
    
    .view-all-link {
        display: block;
        font-size: 0.9rem;
        padding: 8px 15px;
    }
}

@media (min-width: 992px) {
    .dropdown-footer {
        display: none;
    }
}

/* Ensure dropdown items are clickable */
.dropdown-item {
    cursor: pointer;
}








/* Desktop Hover Dropdown */
    @media (min-width: 992px) {
        .dropdown-hover:hover .dropdown-menu {
            display: block;
            visibility: visible;
            opacity: 1;
            margin-top: 0;
        }
        
        .dropdown-hover .dropdown-menu {
            display: none;
            visibility: hidden;
            opacity: 0;
            transition: all 0.2s ease;
            margin-top: 0.5rem;
        }
        
        .dropdown-hover:hover .dropdown-toggle::after {
            transform: rotate(180deg);
            transition: transform 0.2s ease;
        }
        
        .dropdown-toggle::after {
            transition: transform 0.2s ease;
        }
    }
    
    /* Custom Dropdown Menu Styling */
    .dropdown-menu-custom {
        min-width: 500px;
        padding: 0.5rem;
        border-radius: 15px;
        border: none;
        box-shadow: 0 15px 35px rgba(0,0,0,0.15);
        background: white;
        left: auto;
        right: auto;
    }
    
    .dropdown-menu-custom .dropdown-item {
        padding: 8px 15px;
        border-radius: 10px;
        transition: all 0.2s ease;
        font-weight: 500;
    }
    
    .dropdown-menu-custom .dropdown-item:hover {
        background: var(--kerala-gold, #d4a017);
        color: #1e3d2e;
        transform: translateX(5px);
    }
    
    /* Mobile Responsive */
    @media (max-width: 991px) {
        .dropdown-menu-custom {
            position: static !important;
            width: 100%;
            min-width: auto;
            box-shadow: none;
            background: #f8f9fa;
            margin-top: 0;
            border-radius: 10px;
        }
        
        .dropdown-menu-custom .row {
            flex-direction: column;
        }
        
        .dropdown-menu-custom .col-md-6 {
            width: 100%;
        }
        
        .dropdown-hover .dropdown-toggle {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .dropdown-hover .dropdown-toggle::after {
            margin-left: auto;
        }
        
        /* Mobile touch friendly */
        .dropdown-item {
            padding: 12px 20px !important;
            font-size: 1rem;
        }
        
        .dropdown-menu-custom {
            border: 1px solid #e0d5c0;
            margin-top: 0.5rem;
        }
    }
    
    /* Small devices */
    @media (max-width: 576px) {
        .dropdown-menu-custom .dropdown-item {
            padding: 10px 15px !important;
            font-size: 0.9rem;
        }
    }
    
    /* Active dropdown styling */
    .dropdown-item:active {
        background-color: var(--kerala-gold, #d4a017);
        color: #1e3d2e;
    }
    
    /* Hover gold effect */
    .hover-gold:hover {
        color: var(--kerala-gold, #d4a017) !important;
    }