/* Shared RTL layer for Persian and Arabic build output. */
html[dir="rtl"] body {direction:rtl;text-align:right;}
html[dir="rtl"] .site-navigation-container,
html[dir="rtl"] .site-primary-nav,
html[dir="rtl"] .site-footer-topline,
html[dir="rtl"] .site-footer-main,
html[dir="rtl"] .site-footer-contact-grid {direction:rtl;}
html[dir="rtl"] .site-header-v3 .site-brand,
html[dir="rtl"] .site-primary-nav,
html[dir="rtl"] .site-language-menu,
html[dir="rtl"] .site-footer-topline,
html[dir="rtl"] .site-footer-verification,
html[dir="rtl"] .site-footer-language {text-align:right;}
html[dir="rtl"] .site-primary-nav {margin-inline-start:auto;margin-inline-end:0;}
html[dir="rtl"] .home-hero-copy,
html[dir="rtl"] .ui-page-hero-copy,
html[dir="rtl"] .section-heading,
html[dir="rtl"] .product-section-heading,
html[dir="rtl"] .about-section,
html[dir="rtl"] .contact-intro,
html[dir="rtl"] .commercial-terms-panel {text-align:right;}
html[dir="rtl"] .home-hero-actions,
html[dir="rtl"] .ui-page-hero-actions,
html[dir="rtl"] .about-hero-actions,
html[dir="rtl"] .site-footer-contact-grid {justify-content:flex-start;}
html[dir="rtl"] .home-hero-brief,
html[dir="rtl"] .ui-page-hero-foot {direction:rtl;}
html[dir="rtl"] .home-hero-brief i,
html[dir="rtl"] .ui-text-link-light i,
html[dir="rtl"] .home-text-link i,
html[dir="rtl"] .about-link-light i,
html[dir="rtl"] .site-footer a i.fa-angle-right {transform:scaleX(-1);}
html[dir="rtl"] .trade-process-list,
html[dir="rtl"] .about-process-list,
html[dir="rtl"] .route-steps,
html[dir="rtl"] .corridor-destinations,
html[dir="rtl"] .start-list,
html[dir="rtl"] .office-card,
html[dir="rtl"] .catalogue-product-copy ul {direction:rtl;}
html[dir="rtl"] .catalogue-product-copy ul,
html[dir="rtl"] .core-product-copy ul {padding-inline-start:0;padding-inline-end:18px;}
html[dir="rtl"] .home-hero-copy h1,
html[dir="rtl"] .ui-page-hero-copy h1,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] p {letter-spacing:normal;}

/* A low-contrast second line works well with separated Latin characters, but
   it visually breaks connected Persian and Arabic words. Keep RTL hero titles
   as one clear typographic unit instead of splitting their opacity. */
html[dir="rtl"] .ui-page-hero h1 span,
html[dir="rtl"] .about-company-page .about-hero h1 span {color:#fff;opacity:1;}

/* Home: mirror the Tajikistan detail, not the complete metric card. */
html[dir="rtl"] .home-page .export-highlight:after {inset:-35% auto -35% -6%;transform:skewX(18deg);}
html[dir="rtl"] .home-page .product-status {left:auto;right:17px;width:max-content;max-width:calc(100% - 34px);}
html[dir="rtl"] .home-page .market-card > span {margin-right:0;margin-left:14px;}
html[dir="rtl"] .home-page .language-band {justify-content:flex-start;gap:10px 13px;}
html[dir="rtl"] .home-page .language-band span {margin-right:0;margin-left:0;}
html[dir="rtl"] .home-page .language-band i {margin:0;}
html[dir="rtl"] .home-page .start-actions a {display:inline-flex;align-items:center;gap:8px;}
html[dir="rtl"] .home-page .start-actions a i {margin:0;}

/* Use logical flex gaps instead of the legacy left-only margin on the second
   home Hero button. This keeps the same visual breathing room in RTL. */
html[dir="rtl"] .home-page .home-hero-actions {display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px;}
html[dir="rtl"] .home-page .home-hero-actions .home-button-outline {margin:0;}

/* Desktop header: retain the base logical margin so the language switcher is
   separated from navigation on the correct side in both RTL languages. */
@media (min-width:992px) {
	html[dir="rtl"] body [data-site-header] .site-language-switcher {margin-inline-start:10px;margin-inline-end:0;}
}

/* Hero composition follows the reading direction: the denser wine shade and
   its diagonal guide lines start at inline-start (the right edge in RTL). */
html[dir="rtl"] .home-page .home-hero-overlay {background:linear-gradient(270deg,rgba(27,3,10,.94) 0%,rgba(50,7,19,.83) 43%,rgba(34,5,13,.48) 70%,rgba(23,3,9,.32) 100%);}
html[dir="rtl"] .home-page .home-hero-lines {left:auto;right:0;transform:scaleX(-1);}
html[dir="rtl"] .ui-page-hero-shade {background:linear-gradient(270deg,rgba(10,7,9,.88) 0%,rgba(15,9,11,.58) 46%,rgba(10,8,9,.13) 77%),linear-gradient(0deg,rgba(11,7,8,.74) 0%,rgba(11,7,8,0) 48%);}
html[dir="rtl"] .about-company-page .about-hero-shade {background:linear-gradient(270deg,rgba(10,7,9,.86) 0%,rgba(15,9,11,.55) 44%,rgba(10,8,9,.12) 75%),linear-gradient(0deg,rgba(11,7,8,.72) 0%,rgba(11,7,8,0) 45%);}

/* The recent-delivery panel also follows the RTL composition: its richer
   wine tone begins on the reading side rather than remaining left-weighted. */
html[dir="rtl"] .products-page .product-record {background:radial-gradient(circle at 12% 4%,rgba(158,51,86,.44),transparent 34%),linear-gradient(225deg,var(--product-wine-deep),#431023 72%,#681435);}

/* Contact cards: preserve a clear gap after codes/avatars and never reverse phone numbers. */
html[dir="rtl"] .regional-contact-page .office-code {margin-right:0;margin-left:17px;}
html[dir="rtl"] .regional-contact-page .person-avatar {margin-right:0;margin-left:14px;}
html[dir="rtl"] .regional-contact-page .office-status {right:auto;left:0;width:max-content;}
html[dir="rtl"] .regional-contact-page .contact-person a,
html[dir="rtl"] .regional-contact-page .contact-person .contact-email,
html[dir="rtl"] .regional-contact-page .office-address a,
html[dir="rtl"] .regional-contact-page a[href^="https://wa.me/"] {direction:ltr;unicode-bidi:embed;text-align:right;}
html[dir="rtl"] .regional-contact-page .contact-person a i {margin-right:0;margin-left:6px;}
html[dir="rtl"] .regional-contact-page .contact-person .contact-email i {margin-right:0;margin-left:6px;}

/* Keep icon-led calls to action readable in RTL. */
html[dir="rtl"] .home-page .home-button,
html[dir="rtl"] .ui-page-hero-actions a,
html[dir="rtl"] .about-hero-actions a,
html[dir="rtl"] .home-hero-brief a,
html[dir="rtl"] .home-text-link,
html[dir="rtl"] .about-link-light {display:inline-flex;align-items:center;gap:8px;}
html[dir="rtl"] .home-page .home-button i,
html[dir="rtl"] .ui-page-hero-actions a i,
html[dir="rtl"] .about-hero-actions a i,
html[dir="rtl"] .home-hero-brief a i,
html[dir="rtl"] .home-text-link i,
html[dir="rtl"] .about-link-light i {margin:0;}

@media (max-width:767px) {
	/* The base theme makes the hero action groups block-level on mobile. Keep
	   that layout in RTL, rather than allowing the inline icon rule to collapse
	   both actions together. */
	html[dir="rtl"] .ui-page-hero-actions,
	html[dir="rtl"] .about-company-page .about-hero-actions {display:flex;flex-direction:column;align-items:flex-start;gap:16px;}
	html[dir="rtl"] .ui-page-hero-actions a,
	html[dir="rtl"] .about-company-page .about-hero-actions a {margin:0 !important;}
	html[dir="rtl"] .home-page .home-hero-actions {display:grid !important;grid-template-columns:1fr;gap:12px;}

	html[dir="rtl"] .regional-contact-page .office-status {margin-inline-start:12px;margin-inline-end:0;}
	html[dir="rtl"] .regional-contact-page .general-whatsapp {display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;}
	html[dir="rtl"] .regional-contact-page .general-whatsapp i {margin:0;}

	html[dir="rtl"] .site-footer-contact-grid a {justify-content:flex-start;text-align:right;}
	html[dir="rtl"] .site-footer-contact-grid a > span {flex:1;}
	html[dir="rtl"] .site-footer-contact-grid strong {direction:ltr;unicode-bidi:plaintext;text-align:right;}

	html[dir="rtl"] .home-page .language-band {gap:9px 12px;}
	html[dir="rtl"] .home-page .language-band span {width:100%;margin-bottom:3px;}
}

/* Keep the hero copy high enough to scan first, and place the CTA pair in the
   lower visual zone with a deliberate, readable gap. */
@media (max-width:520px) {
	html[dir="rtl"] .home-page .home-hero-row {padding-block-start:132px !important;padding-block-end:18px !important;}
	html[dir="rtl"] .home-page .home-hero-actions {margin-block-start:89px;}
}

@media (max-width:991px) {
	html[dir="rtl"] .ui-page-hero-shade {background:linear-gradient(270deg,rgba(10,7,9,.86),rgba(10,7,9,.36)),linear-gradient(0deg,rgba(10,7,9,.84),transparent 58%);}
	html[dir="rtl"] .about-company-page .about-hero-shade {background:linear-gradient(270deg,rgba(10,7,9,.82),rgba(10,7,9,.34)),linear-gradient(0deg,rgba(10,7,9,.82),transparent 58%);}

	html[dir="rtl"] body [data-site-header] .site-language-switcher {margin-inline-start:auto;margin-inline-end:0;}
	html[dir="rtl"] body [data-site-header] .site-language-switcher + .site-menu-toggle {margin-inline-start:10px;margin-inline-end:0;}
	html[dir="rtl"] body [data-site-header] .site-primary-nav a {text-align:center;}
}