/* Arabic (RTL) overrides, loaded only on /ar/ pages after every other stylesheet.
   Flexbox and grid mirror on their own under dir="rtl"; this file flips the
   rules that use physical left/right and swaps in Arabic fonts. */

:root[dir="rtl"] {
  --font-heading: "Noto Kufi Arabic", "IBM Plex Sans Arabic", "Fraunces", serif;
  --font-body: "IBM Plex Sans Arabic", "Inter", "Segoe UI", system-ui, sans-serif;
}

/* Letter-spacing breaks the joins between Arabic letters */
[dir="rtl"] *,
[dir="rtl"] *::before,
[dir="rtl"] *::after {
  letter-spacing: 0 !important;
}

[dir="rtl"] body {
  line-height: 1.75;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3 {
  line-height: 1.45;
}

[dir="rtl"] .calc-page h1,
[dir="rtl"] .how-it-works h2 {
  font-family: var(--font-heading);
}

/* Numbers, prices and phone numbers keep left-to-right order */
[dir="rtl"] input[type="tel"],
[dir="rtl"] input[type="email"],
[dir="rtl"] .num-ltr {
  direction: ltr;
  text-align: right;
}

/* ---------- Header ---------- */
[dir="rtl"] .lang-switch {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] .lang-switch + .header-cta {
  margin-right: 0;
}

[dir="rtl"] .skip-link {
  left: auto;
  right: -9999px;
}

[dir="rtl"] .skip-link:focus {
  right: 16px;
}

/* ---------- styles.css ---------- */
[dir="rtl"] .section-head.align-left {
  margin-left: auto;
  margin-right: 0;
  text-align: right;
}

[dir="rtl"] .article-body ol,
[dir="rtl"] .references ol {
  padding-left: 0;
  padding-right: 22px;
}

[dir="rtl"] .toc {
  border-left: 0;
  border-right: 3px solid var(--color-primary);
}

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

[dir="rtl"] .key-takeaways li,
[dir="rtl"] .service-cta-list li {
  padding-left: 0;
  padding-right: 28px;
}

[dir="rtl"] .key-takeaways li::before,
[dir="rtl"] .service-cta-list li::before,
[dir="rtl"] .tiger-bullet-list li::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .compare-table td,
[dir="rtl"] .compare-table th,
[dir="rtl"] .compare-table caption,
[dir="rtl"] .service-cta-list,
[dir="rtl"] .lead-popup-option,
[dir="rtl"] .tiger-calc-result dt,
[dir="rtl"] .tiger-faq-q,
[dir="rtl"] .tiger-popup-wizard .tiger-option-chip,
[dir="rtl"] .azha-option,
[dir="rtl"] .aamra3-plan-table th,
[dir="rtl"] .aamra3-plan-table td,
[dir="rtl"] .op-theme .op-popup .lead-popup-option {
  text-align: right;
}

[dir="rtl"] .aamra3-plan-table td:last-child,
[dir="rtl"] .creek-plan-facts dd {
  text-align: left;
}

[dir="rtl"] .required-mark {
  margin-left: 0;
  margin-right: 2px;
}

[dir="rtl"] .lead-wizard-nav .btn,
[dir="rtl"] .tiger-wizard-hint {
  margin-left: 0;
  margin-right: auto;
}

[dir="rtl"] .calc-result,
[dir="rtl"] .formula-block {
  border-left: 0;
  border-right: 3px solid var(--color-primary, #c31432);
}

[dir="rtl"] .formula-block {
  border-radius: 8px 0 0 8px;
}

[dir="rtl"] .lead-popup-close,
[dir="rtl"] .tiger-popup-close {
  right: auto;
  left: 14px;
}

[dir="rtl"] .op-theme .op-popup .tiger-popup-close,
[dir="rtl"] .op-theme .op-popup .lead-popup-close {
  right: auto;
  left: 16px;
}

@media (max-width: 860px) {
  [dir="rtl"] .header-cta {
    margin-left: 0;
    margin-right: auto;
  }
}

@media (max-width: 640px) {
  [dir="rtl"] .azha-popup .tiger-popup-close,
  [dir="rtl"] .op-theme .op-popup .tiger-popup-close,
  [dir="rtl"] .op-theme .op-popup .lead-popup-close {
    right: auto;
    left: 12px;
  }
}

/* ---------- Off-plan popup (offplan-popup.css) ---------- */
[dir="rtl"] .op-theme .op-popup-media {
  border-left: 0;
  border-right: 1px solid var(--op-line);
}

@media (max-width: 860px) {
  [dir="rtl"] .op-theme .op-popup-media {
    border-right: 0;
  }
}

/* ---------- Project pages (tiger / azha) ---------- */
[dir="rtl"] .tiger-statement {
  border-left: 0;
  border-right: 3px solid var(--color-primary);
  padding-left: 0;
  padding-right: 18px;
}

[dir="rtl"] .tiger-moment-label,
[dir="rtl"] .azha-img-tag,
[dir="rtl"] .azha-map-tag {
  left: auto;
  right: 12px;
}

[dir="rtl"] .tiger-phase-card ul,
[dir="rtl"] .tiger-compare-col ul {
  padding-left: 0;
  padding-right: 18px;
}

[dir="rtl"] .tiger-phase-card .tiger-drive-list {
  padding-right: 0;
}

[dir="rtl"] .tiger-faq-q::after {
  right: auto;
  left: 0;
}

[dir="rtl"] .tiger-faq-q {
  padding: 22px 0 22px 36px;
}

[dir="rtl"] .tiger-faq-item.is-open .tiger-faq-a {
  max-height: 640px;
}

[dir="rtl"] .tiger-faq-a p {
  padding-right: 0;
  padding-left: 36px;
}

[dir="rtl"] .tiger-mobile-bar > * + *::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .azha-hero-tag {
  right: auto;
  left: 16px;
}

[dir="rtl"] .azha-apt-features li::before,
[dir="rtl"] .azha-check-list li::before {
  left: auto;
  right: 2px;
}

[dir="rtl"] .azha-apt-features li {
  padding: 6px 22px 6px 0;
}

[dir="rtl"] .azha-check-list li {
  padding: 7px 28px 7px 0;
}

[dir="rtl"] .azha-notice {
  border-left: 0;
  border-right: 3px solid var(--color-primary);
  border-radius: var(--radius) 0 0 var(--radius);
}

[dir="rtl"] .areas-filter-note {
  border-left: 0;
  border-right: 3px solid var(--accent, #c31432);
  padding-left: 0;
  padding-right: 1rem;
}

/* Lightbox: close on the left, "previous" on the right */
[dir="rtl"] .azha-lightbox-close {
  right: auto;
  left: 14px;
}

[dir="rtl"] .azha-lightbox-prev {
  left: auto;
  right: 14px;
}

[dir="rtl"] .azha-lightbox-next {
  right: auto;
  left: 14px;
}

/* ---------- Calculators ---------- */
[dir="rtl"] .calc-field .input-prefix span {
  left: auto;
  right: 0.75rem;
}

[dir="rtl"] .calc-field .input-prefix input {
  padding-left: 0.75rem;
  padding-right: 2.5rem;
}

[dir="rtl"] .calc-field input {
  direction: ltr;
  text-align: right;
}

[dir="rtl"] .words-box {
  font-size: 1.1rem;
}

/* Translation notice above the footer of every Arabic page */
.translation-notice { background: #fff8e6; border-top: 1px solid #f0dca8; padding: 1rem 0; }
.translation-notice p { margin: 0; font-size: .9rem; line-height: 1.8; color: #5c4a1a; }
.translation-notice a { color: #8b0e22; font-weight: 600; text-decoration: underline; }