/* ================= DROPDOWNS ================= */

.header-dropdown,
.user-dropdown {
    position: absolute;
    right: 0;
    width: 260px;

    background:
        linear-gradient(
            color-mix(in srgb, var(--navy-panel) 5%, var(--navy-dark)),
            color-mix(in srgb, var(--navy-panel) 5%, var(--navy-dark))
        ),
        var(--navy-panel);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border: var(--glass-border);
    border-radius: 20px;

    padding: 15px;

    display: none;
    flex-direction: column;
    gap: 10px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6);
    z-index: 1200;
}

.header-dropdown { top: 50px; }
.user-dropdown { top: 60px; width: 230px; }

.header-dropdown.open,
.user-dropdown.open {
    display: flex;
}

.dropdown-title {
    color: var(--gold);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.dropdown-empty {
    color: var(--text-white);
    opacity: 0.6;
    font-size: 0.8rem;
}

.dropdown-divider {
    height: 1px;
    background: rgba(var(--gold-rgb), 0.15);
    margin: 8px 0;
}

.dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: var(--text-white);
    padding: 8px 10px;
    border-radius: 10px;
    transition: 0.3s ease;
}

.dropdown-item:hover {
    background: rgba(var(--gold-rgb), 0.1);
}

.dropdown-item.logout {
    color: var(--danger);
}