/* ====================================================
   RTL OVERRIDES — Arabic layout (dir="rtl")
   ==================================================== */

/* Zero out letter-spacing — Arabic typography doesn't use it */
[dir="rtl"] * {
  letter-spacing: 0 !important;
}

/* Logo padding flipped to the right side */
[dir="rtl"] .logo-navbar {
  padding-left: 0;
  padding-right: 10px;
}

/* Hero: flip inner padding so gap is between the two columns */
[dir="rtl"] .left-column-banner {
  padding-right: 0;
  padding-left: 60px;
}

[dir="rtl"] .right-column-banner {
  padding-left: 0;
  padding-right: 20px;
}

/* Decorative elements — mirror horizontal position */
[dir="rtl"] .small-decor {
  left: auto;
  right: -25px;
}

[dir="rtl"] .big-decor-wrapper {
  left: auto;
  right: 100px;
}

/* Language switcher margin */
[dir="rtl"] .lang-switcher {
  margin-left: 0;
  margin-right: 12px;
}

/* ====================================================
   RESPONSIVE RTL OVERRIDES
   ==================================================== */

/* ≥ 1280px */
@media screen and (min-width: 1280px) {
  [dir="rtl"] .big-decor-wrapper {
    right: 100px;
  }
}

/* ≤ 767px — hero stacks, remove directional padding */
@media screen and (max-width: 767px) {
  [dir="rtl"] .left-column-banner {
    padding-left: 0;
  }
  [dir="rtl"] .button-wrapper-top-margin {
    align-items: flex-end;
  }
}

/* ≤ 479px — stacked button group aligns to reading start (right) */
@media screen and (max-width: 479px) {
  [dir="rtl"] .button-wrapper-top-margin {
    align-items: flex-end;
  }
}