/* ── Shelly MENA — Header country selector ─────────────── */
/* Sits next to the logo in the header's first grid column */
.shelly-mena-header-selector {
	position: relative;
	font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
	display: inline-flex;
	align-items: center;
	height: 40px;
	margin-left: 12px;
}
.shelly-mena-header-selector__trigger {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 0 12px;
	height: 36px;
	background: transparent;
	border: 1px solid rgba(51, 79, 180, 0.15);
	border-radius: 999px;
	cursor: pointer;
	font: 700 12px/1 'Manrope', sans-serif;
	color: #121212;
	transition: all 180ms ease;
	white-space: nowrap;
}
.shelly-mena-header-selector__trigger:hover {
	border-color: #4594D1;
	background: #FFFFFF;
	box-shadow: 0 6px 20px rgba(51, 79, 180, 0.15);
}
.shelly-mena-header-selector__flag { font-size: 16px; line-height: 1; }
.shelly-mena-header-selector__name {
	font-weight: 400;
	color: #6B7280;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.shelly-mena-header-selector__currency {
	font-weight: 700;
	letter-spacing: 0.06em;
	color: #334FB4;
}
.shelly-mena-header-selector__caret {
	font-size: 9px;
	color: #929292;
	transition: transform 180ms ease;
}
.shelly-mena-header-selector__trigger[aria-expanded="true"] .shelly-mena-header-selector__caret {
	transform: rotate(180deg);
}

/* Dropdown — opens downward */
.shelly-mena-header-selector__dropdown {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	width: 280px;
	max-height: 400px;
	overflow-y: auto;
	background: #FFFFFF;
	border: 1px solid rgba(51, 79, 180, 0.14);
	border-radius: 16px;
	box-shadow: 0 24px 60px rgba(13, 20, 64, 0.2), 0 8px 24px rgba(51, 79, 180, 0.1);
	list-style: none;
	margin: 0;
	padding: 8px;
	z-index: 9999;
	animation: shelly-mena-dropdown-down 200ms cubic-bezier(0.2, 0.8, 0.2, 1);
}
.shelly-mena-header-selector__dropdown[hidden] { display: none; }
@keyframes shelly-mena-dropdown-down {
	from { opacity: 0; transform: translateY(-8px) scale(0.96); }
	to   { opacity: 1; transform: translateY(0) scale(1); }
}
.shelly-mena-header-selector__option {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 10px;
	cursor: pointer;
	transition: background 150ms ease;
}
.shelly-mena-header-selector__option:hover { background: rgba(69, 148, 209, 0.08); }
.shelly-mena-header-selector__option.is-active { background: rgba(51, 79, 180, 0.08); }
.shelly-mena-header-selector__option-flag { font-size: 18px; line-height: 1; flex: 0 0 auto; }
.shelly-mena-header-selector__option-name {
	flex: 1 1 auto;
	font: 400 13px/1.3 'Manrope', sans-serif;
	color: #121212;
}
.shelly-mena-header-selector__option.is-active .shelly-mena-header-selector__option-name { font-weight: 700; }
.shelly-mena-header-selector__option-currency {
	font: 700 11px/1 'Manrope', sans-serif;
	letter-spacing: 0.08em;
	color: #929292;
}
.shelly-mena-header-selector__check {
	font: 700 12px/1 'Manrope', sans-serif;
	color: #334FB4;
}

@media (max-width: 749px) {
	.shelly-mena-header-selector__name { display: none; }
	.shelly-mena-header-selector__trigger { padding: 7px 10px; font-size: 11px; }
	.shelly-mena-header-selector { margin-left: 8px; }
	.shelly-mena-header-selector__dropdown { width: calc(100vw - 32px); left: -16px; }
}