/**
 * Auth profile menu в шапке витрины Tradevend.
 * Визуально в одном ряду с icon_component (корзина / избранное).
 */

.auth-header-profile {
    display: flex;
    align-items: flex-start;
    min-width: 0;
}

.tv-storefront-header .header_main__actions .auth-header-profile {
	align-items: center;
}

.tv-storefront-header .header_main__actions .auth-header-profile .auth-profile-btn,
.tv-storefront-header .header_main__actions .auth-header-profile #profile-menu-button {
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 44px;
	height: 44px;
	padding: 0;
	overflow: visible;
}

.auth-header-profile .auth-profile-wrap {
    position: relative;
}

.tv-storefront-header .auth-header-profile .auth-profile-name,
.tv-storefront-header .auth-header-profile .auth-profile-role,
.tv-storefront-header .auth-header-profile .auth-profile-arrow {
    color: rgb(255 255 255 / 0.88);
}

.tv-storefront-header .auth-header-profile #profile-menu-button:hover .auth-profile-name,
.tv-storefront-header .auth-header-profile #profile-menu-button:hover .auth-profile-arrow {
    color: var(--vm-hero-lime-hot, #eeff66);
    opacity: 1;
}

/* Кнопка как icon_component */
.tv-storefront-header .auth-header-profile .auth-profile-btn,
.tv-storefront-header .auth-header-profile #profile-menu-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    min-height: 44px;
    border: none;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    overflow: visible;
}

.tv-storefront-header .auth-header-profile .auth-profile-btn:hover,
.tv-storefront-header .auth-header-profile #profile-menu-button:hover {
    background: transparent;
    transform: none;
}

.tv-storefront-header .auth-header-profile .auth-profile-info {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.tv-storefront-header .auth-header-profile .auth-profile-name {
    font-family: var(--font-sans);
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    opacity: 0.8;
    white-space: nowrap;
}

.tv-storefront-header .auth-header-profile .auth-profile-role {
    display: none;
}

.tv-storefront-header .auth-header-profile .auth-profile-arrow {
    display: none;
}

/* Иконка пользователя в шапке: та же 44×44 плитка, что у избранного и корзины */
.tv-storefront-header .auth-header-profile .auth-profile-avatar {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    max-width: 44px;
    max-height: 44px;
    padding: 0;
    box-sizing: border-box;
    border-radius: 8px;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-stage, #fff) !important;
    background-image: none !important;
}

/* Гость — цвет иконки (фон/рамка в header/style.css) */
.tv-storefront-header .auth-header-profile .auth-profile-avatar--guest i {
    display: inline-block;
    width: 20px;
    height: 20px;
    color: var(--vm-navy, #0e1a32);
    font-size: 20px;
    line-height: 20px;
    text-align: center;
}

html.dark .tv-storefront-header .auth-header-profile .auth-profile-avatar--guest i {
    color: var(--color-text-stage, #e8eaef);
}

html.dark .tv-storefront-header .auth-header-profile #profile-menu-button:hover .auth-profile-avatar--guest i {
    color: #fff;
}

.tv-storefront-header .auth-header-profile .auth-profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.tv-storefront-header .auth-header-profile .auth-profile-avatar:not(.auth-profile-avatar--guest) {
    padding: 2px;
}

.tv-storefront-header .auth-header-profile #profile-dropdown {
	z-index: 10060;
	background: var(--color-stage, #fff);
	border-color: var(--color-border, #e5e7eb);
	box-shadow: 0 12px 32px rgb(14 26 50 / 0.16);
}

.tv-storefront-header .auth-header-profile #profile-dropdown a {
    color: var(--color-text-stage, #374151);
}

.tv-storefront-header .auth-header-profile #profile-dropdown a:hover {
    background: var(--color-back-stage, #f3f4f6);
    color: var(--color-text-stage, #111827);
}

/* Компактный fallback вне .tv-storefront-header */
.auth-header-profile .auth-profile-btn {
    border: none;
    background: transparent;
    padding: 0;
    min-height: auto;
    box-shadow: none;
}

.auth-header-profile .auth-profile-btn:hover {
    background: transparent;
    transform: none;
}

.auth-header-profile #profile-dropdown {
    z-index: 1200;
}