/* ==========================================================================
   G&H PACK — RTL (Arabic) Overrides
   ========================================================================== */

/* ================================================================
   TYPOGRAPHY — Arabic font stack
   ================================================================ */
[dir="rtl"] body {
	font-family: 'IBM Plex Sans Arabic', 'DM Sans', sans-serif;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4,
[dir="rtl"] .has-display-font-family {
	font-family: 'IBM Plex Sans Arabic', Outfit, sans-serif;
}

/* Reduce tracking for Arabic (doesn't use letter-spacing) */
[dir="rtl"] .gh-overline,
[dir="rtl"] .gh-svc-tag,
[dir="rtl"] .gh-timeline__year,
[dir="rtl"] .gh-stat__label,
[dir="rtl"] .gh-spec-card__label,
[dir="rtl"] .gh-gallery__tag,
[dir="rtl"] .gh-gallery__client,
[dir="rtl"] .gh-overlay-menu__num {
	letter-spacing: 0.02em;
}

/* ================================================================
   HERO
   ================================================================ */
[dir="rtl"] .gh-hero__pin-inner {
	direction: rtl;
}

[dir="rtl"] .gh-hero__pin-content {
	text-align: right;
}

[dir="rtl"] .gh-hero__buttons {
	justify-content: flex-start;
}

/* ================================================================
   SERVICES — hover slides right instead of left
   ================================================================ */
[dir="rtl"] .gh-svc-item:hover {
	padding-left: 0;
	padding-right: 16px;
}

[dir="rtl"] .gh-svc-item:hover .gh-svc-arrow {
	transform: translateX(-4px);
}

[dir="rtl"] .gh-svc-arrow svg {
	transform: scaleX(-1);
}

/* ================================================================
   TIMELINE & GALLERY — scroll direction
   ================================================================ */
[dir="rtl"] .gh-timeline__track,
[dir="rtl"] .gh-gallery__track {
	direction: rtl;
}

[dir="rtl"] .gh-timeline__arrow svg,
[dir="rtl"] .gh-gallery__arrow svg {
	transform: scaleX(-1);
}

[dir="rtl"] .gh-timeline__hint svg {
	transform: scaleX(-1);
}

/* ================================================================
   FACILITY
   ================================================================ */
[dir="rtl"] .gh-facility__content {
	text-align: right;
}

[dir="rtl"] .gh-facility__tag.t1 { left: auto; right: 10%; }
[dir="rtl"] .gh-facility__tag.t2 { right: auto; left: 10%; }
[dir="rtl"] .gh-facility__tag.t3 { left: auto; right: 20%; }

/* ================================================================
   OVERLAY MENU
   ================================================================ */
[dir="rtl"] .gh-overlay-menu {
	text-align: right;
	clip-path: circle(0% at 60px 36px);
}

[dir="rtl"] .gh-overlay-menu.is-open {
	clip-path: circle(150% at 60px 36px);
}

[dir="rtl"] .gh-overlay-menu__link:hover {
	padding-left: 0;
	padding-right: 20px;
}

[dir="rtl"] .gh-overlay-menu__num {
	margin-right: 0;
	margin-left: 16px;
}

/* ================================================================
   CAPSULE NAV
   ================================================================ */
[dir="rtl"] .gh-topbar__nav-dock {
	left: 50%;
	right: auto;
	transform: translateX(-50%);
}

/* ================================================================
   CTA CARD
   ================================================================ */
[dir="rtl"] .gh-cta-card {
	text-align: right;
}

[dir="rtl"] .gh-cta-card::before {
	right: auto;
	left: -100px;
}

/* ================================================================
   FOOTER
   ================================================================ */
[dir="rtl"] .gh-footer__links a:hover {
	padding-left: 0;
	padding-right: 4px;
}

/* ================================================================
   MISC
   ================================================================ */
[dir="rtl"] .wp-block-quote {
	border-left: none;
	border-right: 3px solid var(--accent);
	padding-left: 0;
	padding-right: var(--wp--preset--spacing--lg);
}

[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
	text-align: right;
}

/* Slide-from-left becomes slide-from-right in RTL */
[dir="rtl"] .gh-reveal--left {
	transform: translateX(40px);
}
[dir="rtl"] .gh-reveal--right {
	transform: translateX(-40px);
}