/**
 * GTranslate language dropdown (.gt_selector)
 * Cross-browser: appearance reset, legacy Edge/IE expand, focus ring.
 */

:root {
	--gt-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2337404d' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
	--gt-select-chevron-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
}

.gtranslate_wrapper,
.gt_switcher_wrapper {
	display: inline-block;
	max-width: 100%;
	vertical-align: middle;
}

select.gt_selector {
	box-sizing: border-box;
	display: inline-block;
	max-width: 100%;
	min-width: 9.5rem;
	width: auto;
	height: 2.625rem;
	margin: 0;
	padding: 0 2.25rem 0 0.875rem;
	font-family: "Graphie", "Cairo", sans-serif;
	font-size: 0.8125rem;
	font-weight: 600;
	line-height: 2.625rem;
	letter-spacing: 0.03em;
	color: #37404d;
	background-color: #faf9f7;
	background-image: var(--gt-select-chevron);
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 0.75rem auto;
	border: 1px solid #e0dbd3;
	border-radius: 8px;
	cursor: pointer;
	vertical-align: middle;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color-scheme: light;
	transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

/* Legacy Microsoft Edge / IE */
select.gt_selector::-ms-expand {
	display: none;
}

select.gt_selector:hover {
	border-color: #c8a96e;
	background-color: #fff;
}

select.gt_selector:focus {
	outline: none;
	border-color: #c8a96e;
	box-shadow: 0 0 0 3px rgba(200, 169, 110, 0.2);
	background-color: #fff;
}

select.gt_selector:disabled {
	opacity: 0.65;
	cursor: not-allowed;
}

select.gt_selector option {
	font-family: inherit;
	font-weight: 500;
	color: #37404d;
	background-color: #fff;
}

/* Pre-header bar (white text on navy) */
.top-side-menu select.gt_selector,
.main-header .top-side-menu select.gt_selector {
	color: #fff;
	background-color: rgba(19, 41, 75, 0.45);
	background-image: var(--gt-select-chevron-light);
	border-color: rgba(255, 255, 255, 0.4);
}

.top-side-menu select.gt_selector:hover,
.top-side-menu select.gt_selector:focus {
	background-color: rgba(19, 41, 75, 0.65);
	border-color: rgba(255, 255, 255, 0.65);
}

.top-side-menu .gtranslate_wrapper,
.top-side-menu li.menu-item-gtranslate {
	display: inline-flex;
	align-items: center;
}

/* RTL pages: keep select UI readable; chevron on the left */
html.translated-rtl select.gt_selector,
html[dir="rtl"] select.gt_selector,
html[lang^="ar"] select.gt_selector {
	direction: ltr;
	text-align: left;
	padding: 0 0.875rem 0 2.25rem;
	background-position: left 0.75rem center;
}

html.translated-rtl .top-side-menu select.gt_selector,
html[dir="rtl"] .top-side-menu select.gt_selector,
html[lang^="ar"] .top-side-menu select.gt_selector {
	direction: ltr;
}

@media (max-width: 767px) {
	select.gt_selector {
		min-width: 8.5rem;
		font-size: 0.75rem;
	}
}
