.custom-user-menu { position: relative; display: inline-block; }
.user-btn { background: none; border: none; cursor: pointer; padding: 0; line-height: 1; }
.user-btn:hover, .user-btn:focus { background: none !important; box-shadow: none !important; }

/* Avatars */
.user-btn img, .user-btn .avatar { border-radius: 50% !important; display: block; }
.guest-avatar-wrapper {
    width: 32px; height: 32px; background-color: #777; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.guest-icon { width: 70%; height: 70%; display: block; }

/* Dropdown */
.user-dropdown {
    display: none; position: absolute; right: 0; top: 100%;
    background: #fff; border: 1px solid #ccc; border-radius: 4px;
    min-width: 220px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 999;
}
.custom-user-menu.open .user-dropdown { display: block; }
.user-info { padding: 12px; border-bottom: 1px solid #eee; }
.user-info strong { display: block; font-size: 14px; color: #333; }
.user-info small { color: #666; font-size: 12px; }

.user-dropdown ul { list-style: none; margin: 0; padding: 0; }
.user-dropdown li { border-bottom: 1px solid #f5f5f5; transition: background 0.2s; }
.user-dropdown li:last-child { border-bottom: none; }
.user-dropdown li:hover { background: #f5f5f5; }

.user-dropdown li a {
    text-decoration: none; color: #333; display: flex; align-items: center; gap: 10px; padding: 10px 12px;
}

/* Icon Images */
.icon { display: inline-flex; width: 18px; height: 18px; align-items: center; }
.icon-img { width: 18px; height: 18px; display: block; object-fit: contain; }
.link-text { line-height: 1; font-size: 14px; }