/* Arabic pages: right-to-left layout and Arabic typography. Loaded after style.css on *-ar.html pages. */
html[dir="rtl"] body,
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4,
html[dir="rtl"] p, html[dir="rtl"] li, html[dir="rtl"] a, html[dir="rtl"] button,
html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select, html[dir="rtl"] label,
html[dir="rtl"] td, html[dir="rtl"] th, html[dir="rtl"] span {
  font-family: "Tajawal", "Poppins", sans-serif;
  letter-spacing: 0 !important;
}
html[dir="rtl"] body { text-align: right; }
/* Arabic reads better slightly larger with more line height */
html[dir="rtl"] p, html[dir="rtl"] li { line-height: 1.9; }
/* uppercase + wide letter-spacing labels make no sense in Arabic */
html[dir="rtl"] .eyebrow, html[dir="rtl"] .aspire-blog-cat, html[dir="rtl"] .bn-eyebrow,
html[dir="rtl"] .pd-fabric-tags, html[dir="rtl"] .product-preview-sub, html[dir="rtl"] .cta-btn { text-transform: none; }

/* arrows point the reading direction */
html[dir="rtl"] .cta-btn svg, html[dir="rtl"] .hx-btn svg, html[dir="rtl"] .product-preview-link svg,
html[dir="rtl"] .mm-list a svg, html[dir="rtl"] .mm-all svg, html[dir="rtl"] .aspire-blog-link svg { transform: scaleX(-1); }

/* centred blocks stay centred; left-aligned blocks become right-aligned */
html[dir="rtl"] .accent-line:not(.center) { margin-left: auto; margin-right: 0; }
html[dir="rtl"] .bn-line { margin-right: 0; margin-left: auto; }
html[dir="rtl"] .page-banner .bn-line, html[dir="rtl"] .aspire-pd-hero .bn-line { margin: 4px auto 14px; }

/* hero: text on the right, shade from the right */
html[dir="rtl"] .hx-slide::before {
  background:
    linear-gradient(270deg, rgba(10, 22, 15, 0.72) 0%, rgba(10, 22, 15, 0.48) 30%, rgba(10, 22, 15, 0.1) 58%, rgba(10, 22, 15, 0) 100%),
    linear-gradient(0deg, rgba(10, 22, 15, 0.45) 0%, rgba(10, 22, 15, 0) 28%);
}

/* carousels and marquees keep their own direction so the scroll maths stays correct */
html[dir="rtl"] .pcar-track, html[dir="rtl"] .pd-topcar-track, html[dir="rtl"] .hb-gallery,
html[dir="rtl"] .acc-carousel, html[dir="rtl"] .aspire-clients-marquee, html[dir="rtl"] .pd-topcar-thumbs { direction: ltr; }
html[dir="rtl"] .pcar-item, html[dir="rtl"] .hb-card, html[dir="rtl"] .pd-topcar-slide { direction: rtl; }

/* numbers, phone numbers and emails stay left-to-right inside Arabic text */
html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }

/* lists with check icons */
html[dir="rtl"] .pd-checks li, html[dir="rtl"] .commit-list li { text-align: right; }