/* User Header in Dropdown Menu */
.hp-menu__item--user-header {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menu-item.hp-menu__item.hp-menu__item--user-header {
	padding: 0;
}

.hp-menu__user-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 0.5rem;
	width: 250px;
	border-radius: 0px!important;
}

.hp-menu__user-header-link {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	text-decoration: none;
	color: inherit;
	transition: opacity 0.2s;
	padding: 0;
}

.hp-menu__user-header-link:hover {
	opacity: 0.8;
	text-decoration: none;
}

.hp-menu__user-avatar {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

/* Force dropdown avatar size even if WP outputs avatar-60 */
.header-navbar__menu .avatar.avatar-60.photo {
	width: 45px;
	height: 45px;
}

/* Avatar 37 variant */
.header-navbar__menu .avatar.avatar-45.photo {
	width: 45px;
	height: 45px;
	border-radius: 5px;
}

a.hp-menu__user-header-link {
	padding: 0 !important;
}

a.hp-menu__link.logout-mark {
	width: 100%;
	justify-content: flex-start;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e7e7e7;
	margin-left: 1rem;
	margin-right: 1rem;
	padding-left: 0;
	padding-right: 0;
}

.hp-menu__user-info {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 10px;
}

.hp-menu__user-name {
	font-weight: 600;
	font-size: 16px;
	color: #2C2C2C;
	line-height: 14px;
}

/* Rating styles (same as vendor rating) */
.hp-menu__user-header .hp-vendor__rating {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	font-weight: 300;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 5%;
	color: #00B13B;
	text-transform: none;
	flex-shrink: 0;
}

.hp-menu__user-header .hp-vendor__rating-value {
	font-weight: 300;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 5%;
	color: #00B13B;
}

.hp-menu__user-header .hp-vendor__rating-stars {
	display: flex;
	align-items: center;
	gap: 2px;
}

.hp-menu__user-header .hp-vendor__rating-stars svg {
	width: 15px;
	height: 14px;
	flex-shrink: 0;
}

/* Remove default menu item styling for header item */
.hp-menu__item--user-header > a {
	display: none; /* Hide default link if any */
}

.hp-menu__item--user-header .hp-menu__user-header-link {
	display: flex;
}

/* Menu items styles */
.hp-menu__link {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.75rem 1rem;
	text-decoration: none;
	color: inherit;
	transition: background-color 0.2s;
}

.hp-menu__link:hover {
	background-color: #f5f5f5;
	text-decoration: none;
}

.hp-menu__icon {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
}

/* Disabled menu items */
.hp-menu__item--disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.hp-menu__link--disabled {
	cursor: not-allowed;
	pointer-events: none;
}

.hp-menu__link--disabled:hover {
	background-color: transparent;
}

.hp-menu__link--disabled .hp-menu__icon {
	opacity: 0.5;
}

/* Header navbar menu styles */
.header-navbar__menu ul li ul {
	padding: 0;
	border-radius: 10px!important;
}

.header-navbar__menu ul li ul li {
	padding: 0!important;
}

.header-navbar__menu ul li a {
	padding: 0.15rem 1rem;
}

.hp-menu__link {
    width: 100%;
    justify-content: flex-start !important;
}