/* =========================================================================
   Triple Agency — Arabic typography + RTL layout
   Loaded always; rules apply only under [lang="ar"] / [dir="rtl"].
   ========================================================================= */

/* --- Arabic font --- */
html[lang="ar"] body,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] button,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] .at-btn,
html[lang="ar"] .section-title {
  font-family: "Cairo", "DM Sans", system-ui, sans-serif;
}

/* Latin letter-spacing breaks Arabic glyph shaping — neutralize it. */
html[lang="ar"] * {
  letter-spacing: normal !important;
}

/* Arabic reads better with a touch more line-height. */
html[lang="ar"] p,
html[lang="ar"] li,
html[lang="ar"] h6 {
  line-height: 1.7;
}

/* --- Base direction --- */
[dir="rtl"] body {
  text-align: right;
}

/* --- Flip Bootstrap auto margins (menu / column alignment) --- */
[dir="rtl"] .ms-auto,
[dir="rtl"] .ms-sm-auto,
[dir="rtl"] .ms-md-auto,
[dir="rtl"] .ms-lg-auto,
[dir="rtl"] .ms-xl-auto,
[dir="rtl"] .ms-xxl-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}
[dir="rtl"] .me-auto,
[dir="rtl"] .me-sm-auto,
[dir="rtl"] .me-md-auto,
[dir="rtl"] .me-lg-auto,
[dir="rtl"] .me-xl-auto,
[dir="rtl"] .me-xxl-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

/* --- Flip text alignment utilities --- */
[dir="rtl"] .text-start,
[dir="rtl"] .text-sm-start,
[dir="rtl"] .text-md-start,
[dir="rtl"] .text-lg-start,
[dir="rtl"] .text-xl-start,
[dir="rtl"] .text-xxl-start {
  text-align: right !important;
}
[dir="rtl"] .text-end,
[dir="rtl"] .text-sm-end,
[dir="rtl"] .text-md-end,
[dir="rtl"] .text-lg-end,
[dir="rtl"] .text-xl-end,
[dir="rtl"] .text-xxl-end {
  text-align: left !important;
}

/* --- Lists: padding moves to the right --- */
[dir="rtl"] ul,
[dir="rtl"] ol {
  padding-right: 0;
}

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

/* --- Phone numbers stay left-to-right inside RTL text --- */
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="https://wa.me"],
[dir="rtl"] a[href^="tel:"] *,
[dir="rtl"] [dir="ltr"] {
  unicode-bidi: plaintext;
}

/* --- Inline arrow icons in buttons/links point the other way --- */
[dir="rtl"] .at-btn i svg,
[dir="rtl"] .at-btn-circle svg,
[dir="rtl"] .journey-list__link svg {
  transform: scaleX(-1);
}

/* --- Keep brand logo / marquee tickers visually unflipped --- */
[dir="rtl"] .triple-logo,
[dir="rtl"] .carouselTicker__marquee,
[dir="rtl"] .at-brand-scroll {
  transform: none;
}