/**
 * LTR overrides when English homepage / LTR mode is active.
 * Base layout CSS originates from the RTL reference; these rules restore LTR flow.
 */

/* Inter is already registered via assets/css2 — use it for English. */
html[dir="ltr"] {
	--pf-font-h-1: "Inter", system-ui, -apple-system, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif;
	--pf-font-p-1: "Inter", system-ui, -apple-system, "Segoe UI", Roboto,
		"Helvetica Neue", Arial, sans-serif;
}

html[dir="ltr"] body,
body.ltr {
	direction: ltr;
	text-align: left;
	font-family: var(--pf-font-p-1);
}

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"] .tx-title,
html[dir="ltr"] .pf-h-1,
html[dir="ltr"] .pf-sec-title-1,
html[dir="ltr"] .pf-sec-title-2 {
	font-family: var(--pf-font-h-1);
}

html[dir="ltr"] .txa-offcanvas-box {
	left: auto;
	right: 0;
	transform-origin: top left;
}

html[dir="ltr"] .mobile-main-navigation .navbar-nav li .dropdown-btn i {
	transform: scaleX(-1);
}

html[dir="ltr"] .pf-header-1-menu .navigation li {
	text-align: left;
}

/* Search panel: anchor to the right action cluster in LTR */
html[dir="ltr"] .txa-search-box {
	left: auto;
	right: 0;
	transform-origin: top left;
}

html[dir="ltr"] .txa-search-box-close {
	left: auto;
	right: 20px;
}

/* Hero social icons flip to the opposite edge in LTR */
html[dir="ltr"] .pf-hero-1-social-posi {
	left: auto;
	right: 32px;
}

/* Hero floating card + connector lines */
html[dir="ltr"] .pf-hero-1-img-text {
	right: auto;
	left: var(--mahroo-badge-x, -16px);
	top: var(--mahroo-badge-y, auto);
	bottom: var(--mahroo-badge-bottom, 28%);
}

html[dir="ltr"] .pf-hero-1-img-text[style*="--mahroo-badge-x"] {
	bottom: auto;
}

html[dir="ltr"] .pf-hero-1-img-text-box {
	text-align: left;
}

html[dir="ltr"] .pf-hero-1-img-text-shape,
html[dir="ltr"] .pf-hero-1-img-text[data-badge-flip="0"] .pf-hero-1-img-text-shape {
	transform: none !important;
	-webkit-transform: none !important;
	margin-left: 0;
	margin-right: -9px;
}

html[dir="ltr"] .pf-hero-1-img-text[data-badge-flip="1"] .pf-hero-1-img-text-shape {
	transform: scaleX(-1) !important;
	-webkit-transform: scaleX(-1) !important;
}

/* Keep hero subject facing content side in LTR, pinned to bottom */
html[dir="ltr"] .pf-hero-1-img-main {
	transform: none;
	-webkit-transform: none;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

html[dir="ltr"] .pf-hero-1-img-main .h1-ani-img {
	align-self: flex-end;
	object-position: bottom center;
	margin-top: auto;
}

html[dir="ltr"] .pf-hero-1-area.wa-fix,
html[dir="ltr"] .pf-hero-1-area {
	overflow-x: clip;
	overflow-y: hidden;
}

html[dir="ltr"] .pf-hero-1-row {
	margin-right: 0;
	margin-left: 0;
	align-items: flex-end;
}

@media only screen and (max-width: 1399px) {
	html[dir="ltr"] .pf-hero-1-row {
		margin-left: 0;
	}
}

/*
 * About globe callouts — ownership is in mahroo-fixes.css.
 * Keep direction-agnostic so flip toggle alone places the badge at line end.
 */
html[dir="ltr"] .pf-about-1-earth-text-box,
html[dir="ltr"] .pf-about-1-earth-text-2-box {
	text-align: left;
}

/* Solutions pinned slider — restore LTR spacing / alignment */
html[dir="ltr"] .pf-solution-1-item {
	margin-right: 0;
	direction: ltr;
}

html[dir="ltr"] .pf-solution-1-item-card {
	padding-right: 40px;
	padding-left: 92px;
	margin-right: 0;
	margin-left: -36px;
	text-align: left;
}

html[dir="ltr"] .pf-solution-1-item-card::after {
	left: 0;
	right: auto;
}

html[dir="ltr"] .pf-solution-1-item-number-line {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}

html[dir="ltr"] .pf-solution-1-item-card-single,
html[dir="ltr"] .pf-solution-1-item-card-single .card-title,
html[dir="ltr"] .pf-solution-1-item-card-single .card-disc,
html[dir="ltr"] .pf-solution-1-item-card-single .card-subtitle {
	text-align: left;
}

html[dir="ltr"] .pf-solution-1-item-card-single .card-title a {
	direction: ltr;
	unicode-bidi: isolate;
}

/*
 * Global offices — RTL places the address card on the left so SVG
 * connectors (scaleX(-1)) meet its right edge. In LTR flex puts the
 * card on the right and lines end in empty space; reverse the row.
 */
html[dir="ltr"] .pf-overview-1-tabs {
	flex-direction: row-reverse;
	/* Keep left: 0 (layout.css) so pin dots align with the centered globe. */
}

html[dir="ltr"] .pf-overview-1-tabs-pane {
	text-align: left;
}

html[dir="ltr"] .pf-overview-1-tabs-pane .tab-pane::after {
	/* keep connector dots on the card edge facing the globe (right) */
	right: -49px;
	left: auto;
}

html[dir="ltr"] .pf-overview-1-tabs-pane .tab-pane::before {
	right: -44px;
	left: auto;
}

html[dir="ltr"] .pf-overview-1-sec-title {
	text-align: left;
	margin-right: auto;
	margin-left: 0;
}

/* Testimonials — LTR card / author / connector alignment */
html[dir="ltr"] .pf-testimonial-1-slider {
	direction: ltr;
}

html[dir="ltr"] .pf-testimonial-1-slider-item {
	align-items: flex-start;
}

html[dir="ltr"] .pf-testimonial-1-slider-item .main-content {
	flex-direction: row;
	text-align: left;
}

html[dir="ltr"] .pf-testimonial-1-slider-item .item-author {
	margin-right: 0;
	margin-left: 186px;
	text-align: left;
}

html[dir="ltr"] .pf-testimonial-1-slider-item .item-shape {
	transform: none !important;
	-webkit-transform: none !important;
	right: auto;
	left: 108px;
}

html[dir="ltr"] .pf-testimonial-1-slider-btn {
	direction: ltr;
}

/* Contact form — force LTR reading/alignment on English */
html[dir="ltr"] .pf-contact-1-area,
html[dir="ltr"] .pf-contact-1-form,
html[dir="ltr"] .pf-form-1,
html[dir="ltr"] .pf-form-1-box,
html[dir="ltr"] .pf-form-1-input,
html[dir="ltr"] .pf-form-1-box .radio-wrap {
	direction: ltr;
	text-align: left;
}

html[dir="ltr"] .pf-contact-1-brand-title {
	text-align: left;
}

html[dir="ltr"] .pf-contact-1-brand-logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 28px;
	justify-content: flex-start;
}

/* Join / touch CTA — LTR: text left, globe right */
html[dir="ltr"] .pf-touch-1-content {
	margin-left: 0;
	margin-right: auto;
	text-align: left;
}

html[dir="ltr"] .pf-touch-1-address {
	justify-content: flex-start;
}

html[dir="ltr"] .pf-touch-1-shape {
	left: auto;
	right: -20%;
}

html[dir="ltr"] .pf-touch-1-glow {
	left: auto;
	right: -25%;
}

html[dir="ltr"] .pf-touch-1-btn {
	text-align: left;
}

/* FAQ accordion — base layout is RTL (text-align:right); flip for English */
html[dir="ltr"] .pf-accordion-item .item-title {
	text-align: left;
	direction: ltr;
	flex-direction: row;
}

html[dir="ltr"] .pf-accordion-item .item-title .icon {
	margin-right: 0;
	margin-left: auto;
}

html[dir="ltr"] .pf-accordion-item .item-body {
	margin-left: 0;
	margin-right: auto;
	text-align: left;
	direction: ltr;
}

html[dir="rtl"] .pf-form-1-box,
html[dir="rtl"] .pf-form-1-input,
html[dir="rtl"] .pf-form-1-box .radio-wrap {
	direction: rtl;
	text-align: right;
}

.mahroo-lang-switch {
	display: inline-flex;
	align-items: center;
	margin-inline-end: 12px;
}

.mahroo-lang-switch a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 999px;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.mahroo-lang-switch a:hover,
.mahroo-lang-switch a:focus-visible {
	border-color: var(--pf-clr-pr-1, #990000);
	color: var(--pf-clr-pr-1, #990000);
	outline: none;
}

/* Safety: if SplitText leftovers lack inline styles, keep words horizontal. */
.pf-split-1 .split-line > div,
.pf-split-2 .split-line > div,
.pf-split-1 .split-line > span > div,
.pf-split-2 .split-line > span > div {
	display: inline-block;
}