/* ============================================================
   JAHOUR — RTL overrides (loaded only on the Arabic version)
   Mirrors directional layout and switches headings to Arabic
   type. Loaded after style.css + sections.css.
   ============================================================ */

/* ---------- Base direction & Arabic body type ---------- */
html[dir="rtl"] body{direction:rtl;font-family:var(--font-ar)}

/* Arabic typography for headings (drop uppercase + tight tracking) */
[dir="rtl"] .display,
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4,
[dir="rtl"] .hero__en,
[dir="rtl"] .phero__title,
[dir="rtl"] .work__head h2,
[dir="rtl"] .intro__lead h2,
[dir="rtl"] .process__head h2,
[dir="rtl"] .cta-band h2,
[dir="rtl"] .about-panel h3,
[dir="rtl"] .about-mini h4,
[dir="rtl"] .value h3,
[dir="rtl"] .why-item h3,
[dir="rtl"] .step h3,
[dir="rtl"] .svc-track__main h3,
[dir="rtl"] .svc-row h3,
[dir="rtl"] .cap h3,
[dir="rtl"] .pillar h3,
[dir="rtl"] .theme h3,
[dir="rtl"] .blog-card__body h3,
[dir="rtl"] .post__title,
[dir="rtl"] .menu__nav a,
[dir="rtl"] .industries .chip .en,
[dir="rtl"] .stat .l,
[dir="rtl"] .pillar .num,
[dir="rtl"] .footer__col h4{
  font-family:var(--font-ar);
  text-transform:none;
  letter-spacing:0;
  line-height:1.3;
}
[dir="rtl"] .eyebrow{letter-spacing:.12em;text-transform:none;font-family:var(--font-ar)}

/* Big display pieces read better in Amiri */
[dir="rtl"] .hero__en,
[dir="rtl"] .phero__title,
[dir="rtl"] .cta-band h2{font-family:var(--font-ar);font-weight:700}

/* The hand-set .ar accents are already Arabic; relax their forced LTR text-align */
[dir="rtl"] .hero__ar,[dir="rtl"] .hero__en{text-align:right}

/* ---------- Shell mirror ---------- */
[dir="rtl"] main{padding-left:0;padding-right:var(--rail)}
[dir="rtl"] .rail{left:auto;right:0;border-right:0;border-left:1px solid var(--hair-soft)}
[dir="rtl"] .fab{right:auto;left:30px}
[dir="rtl"] .brand__en{padding-left:0;padding-right:3px}
[dir="rtl"] .menu{clip-path:circle(0% at 60px 60px)}
[dir="rtl"] .menu.open{clip-path:circle(150% at 60px 60px)}
[dir="rtl"] .menu__aside{border-left:0;border-right:1px solid var(--hair);padding-left:0;padding-right:clamp(24px,3vw,48px)}

/* ---------- Text-block alignment (left-aligned blocks become right) ---------- */
[dir="rtl"] .hero__content .wrap,
[dir="rtl"] .intro__lead,
[dir="rtl"] .process__head,
[dir="rtl"] .about-panel > div,
[dir="rtl"] .svc-track__main,
[dir="rtl"] .why-item > div,
[dir="rtl"] .footer__lede,
[dir="rtl"] .footer__col,
[dir="rtl"] .contact-info,
[dir="rtl"] .stats{text-align:right}

/* ---------- Components ---------- */
[dir="rtl"] .hero__meta div{border-left:0;border-right:1px solid var(--teal-line);padding-left:0;padding-right:16px}

[dir="rtl"] .pillar{padding:40px 0 40px 28px;border-right:0;border-left:1px solid var(--hair-soft)}
[dir="rtl"] .pillar:last-child{border-left:0}

[dir="rtl"] .step{padding:38px 0 60px 26px}
[dir="rtl"] .step::after{left:auto;right:0}

[dir="rtl"] .why-item{padding:40px 0 40px 40px;border-right:0;border-left:1px solid var(--hair-soft)}
[dir="rtl"] .why-item:nth-child(2n){border-left:0;padding-left:0;padding-right:40px}

[dir="rtl"] .value::before{transform-origin:right}
[dir="rtl"] .svc-row .bar::after{transform:translateX(100%)}
[dir="rtl"] .svc-row.in .bar::after{transform:translateX(0)}

/* buttons + arrows */
[dir="rtl"] .btn::before{transform-origin:right}
[dir="rtl"] .btn svg{transform:scaleX(-1)}
[dir="rtl"] .btn:hover svg{transform:scaleX(-1) translateX(5px)}
[dir="rtl"] .blog-card__more svg,
[dir="rtl"] .hero__row .btn svg{transform:scaleX(-1)}

/* posters / cards */
[dir="rtl"] .poster__tag{left:auto;right:22px}
[dir="rtl"] .poster__wm{direction:rtl}
[dir="rtl"] .blog-card__tag{left:auto;right:14px}
[dir="rtl"] .blog-card__more{align-self:flex-end}
[dir="rtl"] .blog-card__more::after{left:auto;right:0}
[dir="rtl"] .blog-card__body h3 .ar{text-align:right}

/* single post body */
[dir="rtl"] .post__content{margin-left:auto}
[dir="rtl"] .post__content ul,[dir="rtl"] .post__content ol{margin:0 1.2em 1.3em 0}
[dir="rtl"] .post__content blockquote{border-left:0;border-right:2px solid var(--teal-mid);padding-left:0;padding-right:22px}
[dir="rtl"] .post__title-ar,[dir="rtl"] .post__content,[dir="rtl"] .post__meta{text-align:right}

/* contact */
[dir="rtl"] .field>label .ar{margin-left:0;margin-right:6px}
[dir="rtl"] .form-errors ul{padding-left:0;padding-right:18px}
[dir="rtl"] .contact-form{text-align:right}

/* footer columns line up to the right */
[dir="rtl"] .footer__col a,[dir="rtl"] .footer__col li{margin-left:auto}

/* language switcher: keep the latin label upright */
[dir="rtl"] .lang-switch{font-family:var(--font-en)}

/* process decorative glow to the other side */
[dir="rtl"] .process::before{right:auto;left:-10%}

@media(max-width:980px){
  [dir="rtl"] main{padding-right:0}
}
@media(max-width:880px){
  [dir="rtl"] .why-item,[dir="rtl"] .why-item:nth-child(2n){padding:32px 0;border-left:0}
}

/* ---------- Single-language toggle: AR overrides for new classes ---------- */
[dir="rtl"] .hero__display{font-family:var(--font-ar);font-weight:700;text-transform:none;letter-spacing:0;line-height:1.18;text-align:right;font-size:clamp(2.6rem,7vw,5.4rem)}
[dir="rtl"] .hero__display .accent,[dir="rtl"] .hero__display b{color:var(--teal-glow);font-weight:700}
[dir="rtl"] .accent-line{font-family:var(--font-ar)}
[dir="rtl"] .accent-line--center{text-align:center}
[dir="rtl"] .intro__visual .cap .cap-line{font-family:var(--font-ar);font-size:1.5rem;letter-spacing:0}
[dir="rtl"] .phero__sub{font-family:var(--font-ar)}
[dir="rtl"] .sec-h2{font-family:var(--font-ar);text-transform:none;letter-spacing:0;line-height:1.25}
[dir="rtl"] .quote-xl{font-family:var(--font-ar);text-transform:none;letter-spacing:0;line-height:1.3}
[dir="rtl"] .quote-xl .light{font-weight:400}
[dir="rtl"] .industries .chip__label{font-family:var(--font-ar);font-size:1.15rem;letter-spacing:0;text-transform:none}
[dir="rtl"] .blog-card__ph span{font-family:var(--font-ar)}

/* ---------- FAQ (Arabic) ---------- */
[dir="rtl"] .faq__list{margin-left:auto;margin-right:0}
[dir="rtl"] .faq__q{text-align:right;font-family:var(--font-ar)}
[dir="rtl"] .faq__a-inner{font-family:var(--font-ar)}