/**
 * Dropdown Glass/Frosted Effect for V2
 * Glassmorphism design with blur effect
 */

/* Light Mode Dropdown - Strong Blur Glass Effect */
.menu-content {
    background: rgba(255, 255, 255, 0.75) !important;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15);
}

/* Dark Mode Dropdown - Strong Blur Glass Effect */
.dark .menu-content {
    background: rgba(31, 62, 79, 0.75) !important;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
}

/* Dropdown hover backgrounds - Light Blue Tint */
.menu-content a:hover {
    background-color: rgba(242, 249, 255, 0.8) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.dark .menu-content a:hover {
    background-color: rgba(242, 249, 255, 0.15) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Additional Glass Effect Enhancements */
.menu-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    border-radius: inherit;
}

.dark .menu-content::before {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
}

/* Dropdown Dividers/HR - Cyan Color */
.menu-content .border-b,
.menu-content h3 {
    border-color: #09AACD !important;
}

.dark .menu-content .border-b,
.dark .menu-content h3 {
    border-color: rgba(9, 170, 205, 0.5) !important;
}