/**
 * Lenny Food Delivery - Dropdown
 * Stili per i dropdown e i menu a tendina
 */

/* Dropdown menus */
.dropdown-menu {
    padding: 0;
    border: none;
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
}

.dropdown-header {
    border-bottom: 1px solid var(--color-grey-200);
    padding: 16px;
    background-color: var(--color-grey-100);
}

.dropdown-title {
    margin: 0 0 5px 0;
    font-weight: 700;
    font-size: 0.95rem;
}

.dropdown-link {
    color: var(--color-primary);
    font-size: 0.8rem;
    text-decoration: none;
}

.dropdown-link:hover {
    text-decoration: underline;
}

.dropdown-body {
    padding: 8px 0;
}

.dropdown-footer {
    border-top: 1px solid var(--color-grey-200);
    padding: 12px 16px;
    background-color: var(--color-grey-100);
}

.dropdown-item {
    padding: 10px 16px;
    display: flex;
    align-items: center;
    color: var(--color-grey-700);
    transition: var(--transition-base);
    border-bottom: 1px solid var(--color-grey-100);
}

.dropdown-item:last-child {
    border-bottom: none;
}

.dropdown-item:hover {
    background-color: var(--color-grey-100);
    color: var(--color-grey-900);
}

.dropdown-item:active {
    background-color: var(--color-grey-200);
}

.dropdown-item i {
    color: var(--color-primary);
    width: 20px;
    text-align: center;
    margin-right: 8px;
}

.dropdown-item-link {
    display: block;
    text-align: center;
    font-weight: 600;
    color: var(--color-primary);
    text-decoration: none;
    transition: var(--transition-base);
}

.dropdown-item-link:hover {
    color: var(--color-primary-hover);
}

.dropdown-item-link.text-danger,
.dropdown-item.text-danger i {
    color: var(--color-danger);
}

.dropdown-item-link.text-danger:hover {
    color: var(--color-danger);
    opacity: 0.9;
}

/* User dropdown */
.user-dropdown {
    width: 280px;
}

.user-info {
    display: flex;
    align-items: center;
}

.user-avatar-lg {
    width: 48px;
    height: 48px;
    border-radius: var(--border-radius);
    background: var(--gradient-primary);
    color: white;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 1.2rem;
    box-shadow: var(--shadow-primary);
}

.user-details {
    flex: 1;
    min-width: 0;
}

.user-details h6 {
    margin: 0 0 3px 0;
    font-weight: 600;
    color: var(--color-grey-900);
}

.user-email {
    font-size: 0.75rem;
    color: var(--color-grey-500);
    margin: 0;
}