/* RTL overrides. Main CSS uses logical properties, so this file stays tiny —
   only physical-direction things (icon rotation, transforms, gradients). */

html[dir="rtl"] .link-arrow:hover .ico,
html[dir="rtl"] .p-card:hover .p-card-link .ico{translate:-4px 0}

html[dir="rtl"] .ico-arrow{transform:scaleX(-1)}

html[dir="rtl"] .hero-yt iframe{left:auto;right:50%;transform:translate(50%,-50%)}

html[dir="rtl"] .cta-band{background:linear-gradient(250deg,rgba(198,161,91,.14),rgba(198,161,91,.03) 55%,transparent)}
html[dir="rtl"] .section-stats{background:linear-gradient(270deg,rgba(198,161,91,.07),transparent 60%)}

html[dir="rtl"] .btn-shine::after{translate:130% 0}
html[dir="rtl"] .btn-shine:hover::after{translate:-130% 0}

html[dir="rtl"] .rich blockquote{border-inline-start:0;border-inline-end:3px solid var(--accent)}

/* Arabic reading comfort */
html[dir="rtl"] body{line-height:1.9;letter-spacing:0}
html[dir="rtl"] .display,html[dir="rtl"] .pj-title{letter-spacing:0}
html[dir="rtl"] .eyebrow{letter-spacing:.08em}