/* Bright Point — right-to-left overrides.
   Loaded only when WordPress reports is_rtl(), i.e. on the Arabic site. */

body{direction:rtl;text-align:right}
.eyebrow::before{margin-right:0;margin-left:12px}
.hero::after{background:linear-gradient(258deg,rgba(13,22,33,.96) 0%,rgba(13,22,33,.86) 40%,rgba(13,22,33,.34) 100%)}
.page-hero::after{background:linear-gradient(260deg,rgba(13,22,33,.95),rgba(13,22,33,.7))}
.hero-media img{object-position:center 32%}
.link-arrow::after{content:'←'}
.link-arrow:hover::after{transform:translateX(-4px)}
.btn svg{transform:scaleX(-1)}
.btn:hover svg{transform:scaleX(-1) translateX(3px)}
.checklist li{padding-left:0;padding-right:30px}
.checklist li::before{left:auto;right:0;transform:rotate(45deg)}
.note-box{border-left:0;border-right:3px solid var(--red);border-radius:8px 0 0 8px}
.acc summary{padding:24px 0 24px 44px}
.acc summary::after{right:auto;left:6px}
.acc .ans{padding:0 0 26px 40px}
.step{grid-template-columns:1fr 92px}
.step .num{order:2}
.mega li a:hover{padding-left:12px;padding-right:17px}
.drawer{transform:translateX(-100%)}
.drawer.open{transform:translateX(0)}
.drawer nav .sub a{padding:9px 18px 9px 0}
.topbar .dot{margin:0 12px}
.trade-group h4 .n{order:2}
@media(max-width:940px){.step{grid-template-columns:1fr 64px}}

/* ================= Arabic typography & v2 components ================= */
body.ar,html[dir="rtl"] body{
  font-family:'IBM Plex Sans Arabic','Noto Sans Arabic','Segoe UI',Tahoma,sans-serif;
  line-height:1.85;letter-spacing:0}
body.ar h1,body.ar h2,body.ar h3,body.ar h4,body.ar h5{letter-spacing:0;line-height:1.28;font-weight:700}
body.ar h1{font-size:clamp(30px,4.6vw,54px)}
body.ar h2{font-size:clamp(25px,3.3vw,40px);line-height:1.3}
body.ar h3{font-size:clamp(19px,2vw,25px);line-height:1.4}
body.ar .eyebrow{letter-spacing:.12em;font-size:12.5px}
body.ar .lead{line-height:1.95}
body.ar .hero h1{max-width:18ch}
body.ar .band-q{max-width:28ch;line-height:1.5;font-size:clamp(21px,2.8vw,34px)}
body.ar .chips span{font-size:14px;padding:7px 15px}
body.ar .trust .n{font-size:19px}
body.ar .step .num,body.ar .counter{font-family:'Outfit',sans-serif}
body.ar .topbar,body.ar .foot-legal{font-size:13px}

/* top bar */
[dir="rtl"] .topbar .tb-left,[dir="rtl"] .topbar .tb-right{flex-direction:row}
[dir="rtl"] .topbar a[href^="tel"] span,[dir="rtl"] .topbar a[href^="mailto"] span{direction:ltr;unicode-bidi:embed}

/* header / mega */
[dir="rtl"] .mega{left:auto;right:50%;transform:translateX(50%) translateY(10px)}
[dir="rtl"] .nav > li:hover .mega{transform:translateX(50%) translateY(0)}

/* guarantee + cards */
[dir="rtl"] .guarantee .g::after{right:auto;left:-40px}
[dir="rtl"] .card::after,[dir="rtl"] .trade-group::after{left:auto;right:-70%;transform:skewX(18deg)}
[dir="rtl"] .card:hover::after,[dir="rtl"] .trade-group:hover::after{right:130%;left:auto}
[dir="rtl"] .stat::before{transform-origin:right;background:linear-gradient(270deg,var(--red),transparent)}

/* media cards, collage, gallery */
[dir="rtl"] .media-card .corner{right:auto;left:24px}
[dir="rtl"] .collage .badge{left:auto;right:-22px}
[dir="rtl"] .gal figcaption{text-align:right}

/* marquee */
[dir="rtl"] .marquee-track{animation-direction:reverse}

/* band + hero */
[dir="rtl"] .band::after{background:linear-gradient(265deg,rgba(13,22,33,.94),rgba(13,22,33,.62))}

/* forms */
[dir="rtl"] .field input,[dir="rtl"] .field select,[dir="rtl"] .field textarea{text-align:right}
[dir="rtl"] .field input[dir="ltr"]{text-align:left}

/* accent + reveals */
[dir="rtl"] .accent-rule{margin-left:auto;margin-right:0}
[dir="rtl"] .center .accent-rule{margin-left:auto;margin-right:auto}
[dir="rtl"] .reveal-l{transform:translateX(26px)}
[dir="rtl"] .reveal-r{transform:translateX(-26px)}
[dir="rtl"] .reveal-l.in,[dir="rtl"] .reveal-r.in{transform:none}

/* footer */
[dir="rtl"] .site-footer a[href^="tel"],[dir="rtl"] .site-footer a[href^="mailto"]{direction:ltr;display:inline-block}

@media(max-width:940px){
  [dir="rtl"] .collage .badge{right:0;left:auto}
}