/* =========================================================================
   GiMtradefin Opportunities Hub — Language Switcher & i18n support
   Loaded globally (every page), independent of the hub shortcode styles.
   ========================================================================= */

.gtf-lang-switcher {
	position: relative;
	display: inline-block;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.gtf-lang-trigger {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	font-weight: 600;
	color: #13315C;
	background: #fff;
	border: 1px solid #DEDFD8;
	padding: 6px 10px;
	border-radius: 2px;
	cursor: pointer;
}
.gtf-lang-trigger:hover { border-color: #13315C; }

.gtf-icon-globe {
	width: 13px; height: 13px;
	display: inline-block;
	border: 1.5px solid #13315C;
	border-radius: 50%;
	position: relative;
}
.gtf-icon-globe::before {
	content: "";
	position: absolute;
	top: -1.5px; bottom: -1.5px; left: 50%;
	width: 0; border-left: 1.5px solid #13315C;
}
.gtf-icon-globe::after {
	content: "";
	position: absolute;
	top: 50%; left: -1.5px; right: -1.5px;
	height: 0; border-top: 1.5px solid #13315C;
}

.gtf-icon-caret {
	width: 0; height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #9AA3AF;
	display: inline-block;
}

.gtf-lang-menu {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	min-width: 170px;
	background: #fff;
	border: 1px solid #DEDFD8;
	box-shadow: 0 6px 18px rgba(11, 37, 69, 0.14);
	list-style: none;
	margin: 0;
	padding: 4px 0;
	z-index: 200;
}
.gtf-lang-menu[hidden] { display: none; }

.gtf-lang-option {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 8px 12px;
	font-size: 12.5px;
	color: #1A1D24;
	cursor: pointer;
}
.gtf-lang-option:hover { background: #F4F4F1; }
.gtf-lang-option.is-active { font-weight: 700; color: #0B2545; background: #EAF0F7; }
.gtf-lang-option img { width: 16px; height: auto; border-radius: 1px; flex-shrink: 0; }

/* ---------- RTL support (Arabic) ---------- */
html[dir="rtl"] .gtf-lang-menu { right: auto; left: 0; }
html[dir="rtl"] .gtf-toolbar,
html[dir="rtl"] .gtf-card,
html[dir="rtl"] .gtf-form { direction: rtl; }
html[dir="rtl"] .gtf-card-footer,
html[dir="rtl"] .gtf-card-top,
html[dir="rtl"] .gtf-detail-badges { flex-direction: row-reverse; }
html[dir="rtl"] .gtf-icon-clock { transform: scaleX(-1); }