/* Language selector dropdown — matches the TapTheNFC flag-card aesthetic:
   a compact trigger that opens a list of flag + native-name options. */

.smardoo-lang-dropdown {
	position: relative;
	display: inline-block;
	font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--sld-radius: 10px;
	--sld-border: #d8dee1;
	--sld-bg: #ffffff;
	--sld-bg-hover: #f3f6f4;
	--sld-text: #1f2a22;
	--sld-muted: #7a8a7f;
	--sld-primary: #1A5C2E;
	--sld-shadow: 0 8px 24px rgba(26, 92, 46, 0.10);
}

.smardoo-lang-dropdown__trigger {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.4rem 0.65rem;
	background: var(--sld-bg);
	color: var(--sld-text);
	border: 1px solid var(--sld-border);
	border-radius: var(--sld-radius);
	cursor: pointer;
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1;
	transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
}

.smardoo-lang-dropdown__trigger:hover {
	border-color: var(--sld-primary);
	background: var(--sld-bg-hover);
}

.smardoo-lang-dropdown__trigger:focus-visible {
	outline: none;
	border-color: var(--sld-primary);
	box-shadow: 0 0 0 3px rgba(26, 92, 46, 0.18);
}

.smardoo-lang-dropdown__flag {
	font-size: 1.25rem;
	line-height: 1;
}

.smardoo-lang-dropdown__name {
	font-weight: 700;
	color: var(--sld-text);
	white-space: nowrap;
}

.smardoo-lang-dropdown__caret {
	font-size: 0.65rem;
	color: var(--sld-muted);
	transition: transform 0.18s ease;
}

.smardoo-lang-dropdown.is-open .smardoo-lang-dropdown__caret {
	transform: rotate(180deg);
}

.smardoo-lang-dropdown__menu {
	position: absolute;
	top: calc(100% + 6px);
	left: 0;
	z-index: 999;
	min-width: 100%;
	margin: 0;
	padding: 6px;
	list-style: none;
	background: var(--sld-bg);
	border: 1px solid var(--sld-border);
	border-radius: var(--sld-radius);
	box-shadow: var(--sld-shadow);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
	max-height: 60vh;
	overflow-y: auto;
}

.smardoo-lang-dropdown.is-open .smardoo-lang-dropdown__menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.smardoo-lang-dropdown__item {
	margin: 0;
}

.smardoo-lang-dropdown__item a {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.5rem 0.6rem;
	border-radius: 8px;
	color: var(--sld-text);
	text-decoration: none;
	font-size: 0.9rem;
	font-weight: 600;
	white-space: nowrap;
	transition: background-color 0.12s;
}

.smardoo-lang-dropdown__item a:hover,
.smardoo-lang-dropdown__item a:focus-visible {
	background: var(--sld-bg-hover);
	outline: none;
}

.smardoo-lang-dropdown__item.is-active a {
	background: rgba(26, 92, 46, 0.08);
	color: var(--sld-primary);
}

.smardoo-lang-dropdown__item.is-active a::after {
	content: '✓';
	margin-left: auto;
	color: var(--sld-primary);
	font-weight: 700;
}

/* Drop the menu above the trigger when there's no room below. */
.smardoo-lang-dropdown.is-open.drop-up .smardoo-lang-dropdown__menu {
	top: auto;
	bottom: calc(100% + 6px);
	transform: translateY(0);
}

@media (max-width: 576px) {
	.smardoo-lang-dropdown__menu {
		min-width: 11rem;
	}
}