/* =========================================
   FROSTED GLASS EFFECT — ALL MENU PANELS
========================================= */

.dropdown,
.menu-drop,
.profile-drop,
.right-drop {
    background: rgba(15, 20, 40, 0.72) !important;

    backdrop-filter: blur(24px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(160%) !important;

    border: 1px solid rgba(255, 255, 255, 0.16);

    box-shadow:
        0 15px 45px rgba(0, 0, 0, 0.35),
        0 0 25px var(--glow),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

/* Keep dropdown content above the blurred background */
.dropdown,
.menu-drop,
.profile-drop,
.right-drop {
    position: absolute;
    z-index: 9999;
    isolation: isolate;
}

/* Smooth panel appearance */
.dropdown,
.menu-drop,
.profile-drop,
.right-drop {
    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        background 0.25s ease;
}

/* Individual menu items */
.drop-item {
    background: transparent;
    transition:
        background 0.2s ease,
        color 0.2s ease;
}

.drop-item:hover {
    background: rgba(255, 255, 255, 0.09);
    color: var(--accent-2);
}

/* Dividers */
.divider {
    border-color: rgba(255, 255, 255, 0.12);
}