/* ==========================================================================
   Do You Rome · WPML language switcher
   ========================================================================== */

.dyr-lang-switcher {
	--dyr-lang-bg: var(--e-global-color-7027bdb);
	--dyr-lang-bg-hover: var(--e-global-color-e04fe05);
	--dyr-lang-text: var(--e-global-color-secondary);
	--dyr-lang-border: var(--e-global-color-4320f39);
	--dyr-lang-radius: 8px;
	--dyr-lang-height: 40px;
	--dyr-lang-padding-x: 8px;
	--dyr-lang-padding-right: 28px;
	--dyr-lang-gap: 12px;
	--dyr-lang-min-width: 76px;
	--dyr-lang-flag-width: 22px;
	--dyr-lang-chevron-size: 10px;
	--dyr-lang-menu-offset: 6px;
	--dyr-lang-shadow: 0 8px 24px rgba(31, 31, 31, 0.08);
	--dyr-lang-font-family: var(--e-global-typography-text-font-family), sans-serif;
	--dyr-lang-font-size: var(--e-global-typography-8c72725-font-size);
	--dyr-lang-line-height: var(--e-global-typography-8c72725-line-height);
	--dyr-lang-font-weight: 500;
}

.dyr-lang-switcher .wpml-ls,
.dyr-lang-switcher .wpml-ls-legacy-dropdown,
.dyr-lang-switcher .wpml-ls-legacy-dropdown-click {
	width: auto;
	max-width: none;
	margin: 0;
	font-family: var(--dyr-lang-font-family);
	font-size: var(--dyr-lang-font-size);
	line-height: var(--dyr-lang-line-height);
}

.dyr-lang-switcher .wpml-ls-legacy-dropdown,
.dyr-lang-switcher .wpml-ls-legacy-dropdown-click {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.dyr-lang-switcher .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle,
.dyr-lang-switcher .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--dyr-lang-gap);
	min-width: var(--dyr-lang-min-width);
	height: var(--dyr-lang-height);
	padding: 8px var(--dyr-lang-padding-right) 8px var(--dyr-lang-padding-x);
	box-sizing: border-box;
	border: 1px solid var(--dyr-lang-border);
	border-radius: var(--dyr-lang-radius);
	background: var(--dyr-lang-bg);
	box-shadow: none;
	color: var(--dyr-lang-text);
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: 1;
	font-weight: var(--dyr-lang-font-weight);
	white-space: nowrap;
	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease;
}

.dyr-lang-switcher .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:hover,
.dyr-lang-switcher .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:hover,
.dyr-lang-switcher .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:focus,
.dyr-lang-switcher .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:focus {
	background: var(--dyr-lang-bg-hover);
	color: var(--dyr-lang-text);
	outline: none;
}

.dyr-lang-switcher .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after,
.dyr-lang-switcher .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 11px;
	width: var(--dyr-lang-chevron-size);
	height: var(--dyr-lang-chevron-size);
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	border-top: 0;
	border-left: 0;
	background: transparent;
	transform: translateY(-60%) rotate(45deg);
	pointer-events: none;
}

.dyr-lang-switcher .wpml-ls-flag,
.dyr-lang-switcher img.wpml-ls-flag {
	width: var(--dyr-lang-flag-width);
	height: auto;
	margin: 0;
	vertical-align: middle;
	flex: 0 0 auto;
}

.dyr-lang-switcher .wpml-ls-item-toggle > span,
.dyr-lang-switcher .wpml-ls-item-toggle > img {
	flex: 0 0 auto;
}

.dyr-lang-switcher .wpml-ls-sub-menu {
	margin-top: var(--dyr-lang-menu-offset);
	padding: 4px;
	border: 1px solid var(--dyr-lang-border);
	border-radius: var(--dyr-lang-radius);
	background: var(--dyr-lang-bg);
	box-shadow: var(--dyr-lang-shadow);
	overflow: hidden;
}

.dyr-lang-switcher .wpml-ls-sub-menu a {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 36px;
	padding: 8px 10px;
	border-radius: calc(var(--dyr-lang-radius) - 4px);
	background: transparent;
	color: var(--dyr-lang-text);
	text-decoration: none;
	font-family: inherit;
	font-size: inherit;
	line-height: 1.2;
	font-weight: var(--dyr-lang-font-weight);
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

.dyr-lang-switcher .wpml-ls-sub-menu a:hover,
.dyr-lang-switcher .wpml-ls-sub-menu a:focus {
	background: var(--dyr-lang-bg-hover);
	color: var(--dyr-lang-text);
	outline: none;
}

.dyr-lang-switcher .wpml-ls-current-language > a,
.dyr-lang-switcher .wpml-ls-current-language a {
	font-weight: 600;
}

@media (max-width: 1024px) {
	.dyr-lang-switcher {
		--dyr-lang-min-width: 72px;
		--dyr-lang-gap: 10px;
		--dyr-lang-flag-width: 20px;
	}
}