/* Phase 5 — Arabic RTL overrides. Loaded only when Arabic is active. */
html[dir="rtl"] {
	direction: rtl;

	/* Arabic-only type system. English keeps the existing Fraunces/Manrope
	   variables from main.css/home.css exactly as before. */
	--kt-font-display: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', Tahoma, Arial, sans-serif;
	--kt-font-body: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', Tahoma, Arial, sans-serif;
}

html[dir="rtl"] body {
	direction: rtl;
	font-family: var(--kt-font-body);
}

/* Arabic script benefits from neutral tracking and slightly more vertical
   breathing room than the Latin display face. Keep the established size
   hierarchy, colors, spacing, and component geometry unchanged. */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
	font-family: var(--kt-font-display);
	letter-spacing: 0;
	line-height: 1.3;
}

html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] .kt-btn,
html[dir="rtl"] .kt-tour-archive-card__cta,
html[dir="rtl"] .kt-contact-cta {
	font-family: var(--kt-font-body);
}

html[dir="rtl"] .eyebrow,
html[dir="rtl"] .kt-contact-eyebrow,
html[dir="rtl"] .kt-tour-archive__eyebrow,
html[dir="rtl"] .kt-tour-archive-card__facts dt {
	font-weight: 600;
	letter-spacing: 0;
}

html[dir="rtl"] .main-navigation a,
html[dir="rtl"] .kt-btn,
html[dir="rtl"] .kt-tour-archive-card__cta,
html[dir="rtl"] .kt-contact-cta {
	font-weight: 600;
	letter-spacing: 0;
}

html[dir="rtl"] .kt-contact-title,
html[dir="rtl"] .kt-contact-section-title,
html[dir="rtl"] .kt-tour-archive__intro h1,
html[dir="rtl"] .kt-tour-archive-card h2 {
	line-height: 1.28;
	letter-spacing: 0;
}

/* Header / navigation. */
html[dir="rtl"] .site-header__inner,
html[dir="rtl"] .main-navigation,
html[dir="rtl"] .main-navigation ul,
html[dir="rtl"] .site-header__extras,
html[dir="rtl"] .lang-switcher {
	direction: rtl;
}

html[dir="rtl"] .main-navigation a::after {
	transform-origin: right;
}

@media (max-width: 900px) {
	html[dir="rtl"] .main-navigation,
	html[dir="rtl"] .main-navigation ul {
		align-items: flex-start;
		text-align: start;
	}

	html[dir="rtl"] .main-navigation {
		transform: translateX(-100%);
	}

	html[dir="rtl"] .main-navigation.is-open {
		transform: translateX(0);
	}
}

/* Homepage sections: preserve grids, but use RTL flow and logical starts. */
html[dir="rtl"] .kt-hero__content,
html[dir="rtl"] .kt-hero__actions,
html[dir="rtl"] .kt-intro .container,
html[dir="rtl"] .kt-tour-card__body,
html[dir="rtl"] .kt-tour-card__link,
html[dir="rtl"] .kt-why__grid,
html[dir="rtl"] .kt-gallery__grid,
html[dir="rtl"] .kt-cta .container {
	direction: rtl;
}

html[dir="rtl"] .kt-tour-card__duration {
	left: auto;
	right: 14px;
}

html[dir="rtl"] .kt-tour-card__link svg {
	transform: scaleX(-1);
}

html[dir="rtl"] .kt-tour-card:hover .kt-tour-card__link svg {
	transform: scaleX(-1) translateX(4px);
}

/* Single Tour layout and content. */
html[dir="rtl"] .kt-tour-page,
html[dir="rtl"] .kt-tour-intro__grid,
html[dir="rtl"] .kt-tour-content__grid,
html[dir="rtl"] .kt-tour-facts,
html[dir="rtl"] .kt-tour-fact,
html[dir="rtl"] .kt-itinerary,
html[dir="rtl"] .kt-itinerary__item,
html[dir="rtl"] .kt-inclusions-grid,
html[dir="rtl"] .kt-tour-section__heading,
html[dir="rtl"] .kt-tour-contact-actions,
html[dir="rtl"] .kt-tour-cta__actions,
html[dir="rtl"] .kt-tour-gallery-grid {
	direction: rtl;
}

html[dir="rtl"] .kt-tour-hero__zoom {
	right: auto;
	left: 18px;
}

html[dir="rtl"] .kt-inclusion-box h3 span {
	margin-right: 0;
	margin-left: 7px;
}

html[dir="rtl"] .kt-inclusion-box li {
	padding-left: 0;
	padding-right: 18px;
}

html[dir="rtl"] .kt-inclusion-box li::before {
	left: auto;
	right: 0;
}

/* Footer follows RTL flow while keeping the existing grid and visual identity. */
html[dir="rtl"] .site-footer,
html[dir="rtl"] .site-footer__grid,
html[dir="rtl"] .footer-navigation ul,
html[dir="rtl"] .site-footer__list,
html[dir="rtl"] .site-footer__social,
html[dir="rtl"] .site-footer .site-info {
	direction: rtl;
}

html[dir="rtl"] .site-footer__social {
	align-items: flex-start;
}

html[dir="rtl"] .site-footer__social-link {
	padding-left: 8px;
	padding-right: 5px;
}

html[dir="rtl"] .site-footer__item-label {
	text-transform: none;
}

@media (max-width: 600px) {
	html[dir="rtl"] .site-footer__social {
		align-items: center;
	}
}

/* Lightbox controls are mirrored visually; JS previous/next semantics stay intact. */
html[dir="rtl"] .kt-tour-lightbox__close {
	right: auto;
	left: 22px;
}

html[dir="rtl"] .kt-tour-lightbox__prev {
	left: auto;
	right: 18px;
}

html[dir="rtl"] .kt-tour-lightbox__next {
	right: auto;
	left: 18px;
}

@media (max-width: 600px) {
	html[dir="rtl"] .kt-tour-lightbox__prev {
		left: auto;
		right: 5px;
	}

	html[dir="rtl"] .kt-tour-lightbox__next {
		right: auto;
		left: 5px;
	}
}

/* Latin-oriented tracking/extra-bold treatments are inappropriate for joined
   Arabic script. Normalize only the existing small-label/button treatments. */
html[dir="rtl"] .lang-switcher,
html[dir="rtl"] .site-footer__heading,
html[dir="rtl"] .site-footer__item-label,
html[dir="rtl"] .kt-tour-card__duration,
html[dir="rtl"] .kt-tour-eyebrow,
html[dir="rtl"] .kt-tour-section__eyebrow,
html[dir="rtl"] .kt-tour-fact small,
html[dir="rtl"] .kt-tour-request-card__label,
html[dir="rtl"] .kt-itinerary__body span {
	font-weight: 600;
	letter-spacing: 0;
}

html[dir="rtl"] .kt-tour-hero__more,
html[dir="rtl"] .kt-btn--gold,
html[dir="rtl"] .kt-btn--outline {
	font-weight: 600;
}
