/* ==========================================================================
   Language Switch & LTR Stylesheet
   ========================================================================== */

/* Language switcher button */
.lang-switch-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 6px;
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(4px);
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}

.lang-switch-btn:hover {
	background: rgba(255, 255, 255, 0.2);
	border-color: rgba(255, 255, 255, 0.5);
}

/* LTR specific overrides */
html[dir="ltr"] body {
	font-family: "Inter", system-ui, sans-serif;
	text-align: left;
}

html[dir="ltr"] h1,
html[dir="ltr"] h2,
html[dir="ltr"] h3,
html[dir="ltr"] h4,
html[dir="ltr"] h5,
html[dir="ltr"] h6,
html[dir="ltr"] .entry-meta,
html[dir="ltr"] .section-title {
	font-family: "Inter", system-ui, sans-serif;
}

html[dir="ltr"] .overview-arrow {
	transform: scaleX(-1);
}

/* Footer LTR overrides */
html[dir="ltr"] .site-footer {
	direction: ltr;
}

html[dir="ltr"] .footer-brand,
html[dir="ltr"] .footer-nav,
html[dir="ltr"] .footer-nav-col ul {
	text-align: left;
}

/* About Page LTR overrides */
html[dir="ltr"] .about-page-main {
	direction: ltr;
	text-align: left;
}

/* Contact Page LTR overrides */
html[dir="ltr"] .contact-page-main {
	direction: ltr;
	text-align: left;
}

html[dir="ltr"] .contact-details span {
	text-align: left;
}

/* Team Page LTR overrides */
html[dir="ltr"] .team-page-main .team-card {
	direction: ltr;
}

html[dir="ltr"] .team-page-main .team-card .team-role {
	direction: ltr;
	text-align: left;
}

/* Home team carousel LTR overrides */
html[dir="ltr"] .team-carousel-section,
html[dir="ltr"] .team-carousel-wrap,
html[dir="ltr"] .team-carousel-track,
html[dir="ltr"] .team-carousel-set,
html[dir="ltr"] .team-carousel-card,
html[dir="ltr"] .team-carousel-card .team-card-body,
html[dir="ltr"] .team-carousel-card h3,
html[dir="ltr"] .team-carousel-card .team-role,
html[dir="ltr"] .team-carousel-card p {
	direction: ltr !important;
	text-align: left !important;
}

/* Pre-footer CTA LTR overrides */
html[dir="ltr"] .site-prefooter-cta {
	direction: ltr;
}

html[dir="ltr"] .site-prefooter-cta__content {
	text-align: left;
}

html[dir="ltr"] .site-prefooter-cta__media::after {
	background:
		linear-gradient(270deg, rgba(7, 17, 31, 0.42) 0%, rgba(7, 17, 31, 0.86) 58%, rgba(7, 17, 31, 0.95) 100%),
		linear-gradient(180deg, rgba(7, 17, 31, 0.08) 0%, rgba(7, 17, 31, 0.68) 100%);
}

/* Modal LTR overrides */
html[dir="ltr"] .request-modal {
	direction: ltr;
}

html[dir="ltr"] .request-modal__close {
	left: auto;
	right: 14px;
}

/* ==========================================================================
   Request Button & Language Switcher Layout Fixes
   ========================================================================== */

/* Align wrapper correctly */
.hero-nav-actions {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
}

/* Restore gold/premium request button styling inside the wrapper */
.hero-nav .hero-nav-actions .btn-light,
.services-hero-card .hero-nav .hero-nav-actions .btn-light,
.top-showcase .hero-nav .hero-nav-actions .btn-light {
	background: #c79a3c !important;
	color: #fff !important;
	border-color: rgba(255, 255, 255, .18) !important;
	box-shadow: 0 12px 28px rgba(199, 154, 60, .32) !important;
	font-weight: 800 !important;
	border-radius: 999px !important;
	min-height: 48px !important;
	padding: 10px 24px !important;
	font-size: 14px !important;
	transition: all 0.25s ease !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

.hero-nav .hero-nav-actions .btn-light:hover,
.services-hero-card .hero-nav .hero-nav-actions .btn-light:hover,
.top-showcase .hero-nav .hero-nav-actions .btn-light:hover {
	background: #d6aa50 !important;
	border-color: rgba(255, 255, 255, .28) !important;
	transform: translateY(-1px) !important;
	color: #fff !important;
}

/* Ensure button styling remains consistent when scrolled */
body.is-scrolled .hero-nav .hero-nav-actions .btn-light,
body.is-scrolled .services-hero-card .hero-nav .hero-nav-actions .btn-light,
body.is-scrolled .top-showcase .hero-nav .hero-nav-actions .btn-light {
	min-height: 40px !important;
	padding: 8px 18px !important;
	font-size: 13px !important;
}