.eupb-wrapper {
	display: flex;
	position: relative;
}

.eupb-dropdown-holder {
	position: relative;
}

.eupb-button {
	--eupb-icon-gap: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--eupb-icon-gap);
	text-decoration: none;
	border: 0;
	cursor: pointer;
	padding: 14px 20px;
	border-radius: 18px;
	color: #fff;
	transition: all .25s ease;
	line-height: 1.2;
	font-weight: 700;
	position: relative;
	overflow: hidden;
	backdrop-filter: blur(10px);
}

.eupb-button:hover {
	transform: translateY(-2px);
}

.eupb-skin-gradient {
	background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #06b6d4 100%);
	box-shadow: 0 14px 35px rgba(79, 70, 229, .25);
}

.eupb-skin-glass {
	background: linear-gradient(135deg, rgba(255,255,255,.25), rgba(255,255,255,.08));
	color: #1f2937;
	border: 1px solid rgba(255,255,255,.25);
	box-shadow: 0 12px 30px rgba(0,0,0,.12);
}

.eupb-skin-dark {
	background: linear-gradient(135deg, #111827, #1f2937);
	box-shadow: 0 14px 35px rgba(17,24,39,.35);
}

.eupb-skin-custom {
	background: #4f46e5;
}

.eupb-icon,
.eupb-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.eupb-icon svg {
	width: 1em;
	height: 1em;
}

.eupb-avatar img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}

.eupb-caret {
	font-size: 12px;
	opacity: .9;
}

.eupb-dropdown {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	min-width: 250px;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 18px 45px rgba(0,0,0,.14);
	padding: 10px;
	z-index: 9999;
}

.eupb-dropdown-item {
	--eupb-icon-gap: 10px;
	display: flex;
	align-items: center;
	gap: var(--eupb-icon-gap);
	text-decoration: none;
	color: #1f2937;
	padding: 12px 14px;
	border-radius: 14px;
	transition: all .2s ease;
	position: relative;
}

.eupb-dropdown-item:hover {
	background: rgba(79, 70, 229, .08);
	transform: translateX(-2px);
}

.eupb-item-text {
	flex: 1 1 auto;
}

.eupb-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	line-height: 1;
	background: #ef4444;
	color: #fff;
	padding: 5px 8px;
	border-radius: 999px;
	margin-inline-start: auto;
}

.eupb-logout-item {
	color: #dc2626;
}

.rtl .eupb-dropdown {
	left: auto;
	right: 0;
}