/* Header account button — flex-елемент у правому блоці шапки XStore
   (.et_connect-block), поряд з меню. Гість бачить кнопку «Вхід». */
.uvdtf-header-acc {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-left: 14px;
	z-index: 50;
}
/* Гостьова «Вхід» — помітна фіолетова кнопка. */
.uvdtf-acc-btn.uvdtf-acc-login {
	background: linear-gradient(90deg, #7c3aed, #6d28d9);
	color: #fff !important;
	box-shadow: 0 4px 12px rgba(109, 40, 217, .28);
}
.uvdtf-acc-btn.uvdtf-acc-login:hover { background: linear-gradient(90deg, #6d28d9, #5b21b6); color: #fff !important; }
.uvdtf-acc-btn {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	height: 42px;
	padding: 0 16px;
	color: #1f2937;
	border-radius: 10px;
	text-decoration: none !important;
	transition: color .15s, background .15s, box-shadow .15s;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	white-space: nowrap;
}
.uvdtf-acc-btn.uvdtf-acc-user:hover { color: #7c3aed; background: rgba(124, 58, 237, .08); }
.uvdtf-acc-label { font-size: 14px; font-weight: 700; line-height: 1; }
.uvdtf-acc-user { padding: 0 5px; }
.uvdtf-acc-ava {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
	border: 2px solid #ede9fe;
}
.uvdtf-acc-user:hover .uvdtf-acc-ava { border-color: #7c3aed; }

/* Dropdown-картка (за макетом: аватар-шапка + пункти з іконками й шевронами) */
.uvdtf-acc-drop {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	width: 300px;
	background: #fff;
	border: 1px solid #ece8f6;
	border-radius: 16px;
	box-shadow: 0 18px 44px -12px rgba(45, 27, 80, .3);
	padding: 8px;
	z-index: 60;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.uvdtf-acc-drop[hidden] { display: none !important; }

/* Тема XStore заливає SVG (fill) — примусово контурні іконки (тільки stroke). */
.uvdtf-header-acc svg,
.uvdtf-acc-drop svg { fill: none !important; }
.uvdtf-header-acc svg *,
.uvdtf-acc-drop svg * { fill: none !important; }

/* Шапка з аватаром */
.uvdtf-acc-head {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 12px 12px 14px;
	border-bottom: 1px solid #f1eefa;
	margin-bottom: 6px;
}
.uvdtf-acc-dava {
	width: 46px; height: 46px;
	border-radius: 50%;
	object-fit: cover;
	flex: 0 0 auto;
	border: 2px solid #ede9fe;
	background: #f5f3ff;
	display: flex; align-items: center; justify-content: center;
	color: #a99cd6;
}
.uvdtf-acc-dava--ph svg { width: 26px; height: 26px; }
.uvdtf-acc-hi { min-width: 0; }
.uvdtf-acc-hi b {
	display: block; font-size: 16px; font-weight: 800; color: #241e3c; line-height: 1.2;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.uvdtf-acc-hi span { display: block; font-size: 12.5px; color: #8b83a6; margin-top: 2px; }

/* Пункти */
.uvdtf-acc-item {
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 11px 12px;
	font-size: 14.5px;
	font-weight: 600;
	color: #4e4769 !important;
	border-radius: 11px;
	text-decoration: none !important;
	line-height: 1.2;
}
.uvdtf-acc-item .uvdtf-acc-txt { flex: 1; }
.uvdtf-acc-ic { width: 20px; height: 20px; flex: 0 0 auto; color: #6d28d9; }
.uvdtf-acc-chev { width: 17px; height: 17px; flex: 0 0 auto; color: #c3bdd6; }
.uvdtf-acc-item:hover { background: #f6f3fd; color: #5b21b6 !important; }
.uvdtf-acc-item:hover .uvdtf-acc-chev { color: #8b83a6; }

/* Вийти */
.uvdtf-acc-out {
	border-top: 1px solid #f1eefa;
	margin-top: 6px; padding-top: 13px;
	color: #b91c1c !important;
}
.uvdtf-acc-out .uvdtf-acc-ic { color: #b91c1c; }
.uvdtf-acc-out:hover { background: #fdeeee; color: #b91c1c !important; }

/* Мобільна шапка XStore ховає правий connect-блок (є бургер + свій бар
   знизу) — щоб «Вхід» не дублювався, лишаємо його тільки на десктопі. */
@media (max-width: 1024px) {
	.uvdtf-header-acc { display: none; }
}

/* ==========================================================================
   Кабінет у мобільному боковому меню XStore (.mobile-menu-content).
   Вставляється JS-ом після пунктів меню (див. header-account.js).
   Класи з префіксом uvacc-mm — тема має власні generic-класи (.row/.grid/.c).
   ========================================================================== */
.uvacc-mm {
	margin: 14px 0 6px;
	padding: 14px;
	background: #f7f4fd;
	border: 1px solid #e9e3f6;
	border-radius: 16px;
	font-family: inherit;
	text-align: left;
}
.uvacc-mm-title {
	display: flex; align-items: center; gap: 8px;
	font-size: 14px; font-weight: 800; color: #6d28d9;
	margin: 0 0 10px; text-transform: none; letter-spacing: 0;
}
.uvacc-mm-ti { width: 19px; height: 19px; fill: none !important; }
.uvacc-mm-cta {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	background: linear-gradient(90deg, #7c3aed, #5b21b6);
	color: #fff !important; border-radius: 12px; padding: 13px 14px;
	font-size: 14px; font-weight: 800; text-decoration: none !important;
	text-transform: none; letter-spacing: 0;
	box-shadow: 0 6px 16px rgba(109, 40, 217, .35);
}
.uvacc-mm-note { margin: 9px 0 0; font-size: 12px; color: #8b83a3; line-height: 1.45; }

/* чип профілю */
.uvacc-mm-head {
	display: flex; align-items: center; gap: 11px;
	padding: 2px 2px 12px; margin: 0 0 8px;
	border-bottom: 1px solid #e9e3f6; text-decoration: none !important;
}
.uvacc-mm-ava {
	width: 44px; height: 44px; border-radius: 50%; object-fit: cover;
	border: 2px solid #ddd6fe; flex: 0 0 44px; display: block;
}
.uvacc-mm-ava--ph { display: flex; align-items: center; justify-content: center; background: #ede9fb; color: #6d28d9; }
.uvacc-mm-hi { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.uvacc-mm-hi b { font-size: 14.5px; font-weight: 800; color: #241d3d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.uvacc-mm-hi span { font-size: 12px; color: #8b83a3; }

/* пункти */
.uvacc-mm-items { display: flex; flex-direction: column; }
.uvacc-mm-item {
	display: flex; align-items: center; gap: 11px;
	padding: 10px 4px; border-radius: 10px;
	font-size: 14px; font-weight: 600; color: #34304a !important;
	text-decoration: none !important; text-transform: none; letter-spacing: 0;
}
.uvacc-mm-item:active { background: #efe9fb; }
.uvacc-mm-item span { flex: 1; }
.uvacc-mm-ic { width: 19px; height: 19px; flex: 0 0 19px; color: #6d28d9; fill: none !important; }
.uvacc-mm-item .uvdtf-acc-chev { width: 16px; height: 16px; color: #c3bcd6; fill: none !important; }
.uvacc-mm-out { color: #c0392b !important; border-top: 1px solid #e9e3f6; border-radius: 0; margin-top: 4px; padding-top: 12px; }
.uvacc-mm-out .uvacc-mm-ic { color: #c0392b; }
.uvacc-mm svg { fill: none !important; }
.uvacc-mm svg * { fill: none !important; }

/* Порожня зона під меню (телефон + Telegram): прибираємо зайві відступи
   Elementor-блоків, телефон робимо охайним рядком по центру. */
.mobile-menu-content .header-html_block5 .e-con-inner,
.mobile-menu-content .header-html_block4 .e-con-inner { padding-top: 6px !important; padding-bottom: 6px !important; }
.mobile-menu-content .header-html_block5 a {
	display: block; text-align: center; font-size: 17px; font-weight: 800;
	color: #241d3d !important; text-decoration: none !important; letter-spacing: .3px;
}