/* ============================================================ bg.asaha.om – RTL Overrides for Arabic ============================================================ */ /* Noto Sans Arabic is loaded via in index-ar.html */ /* ---------- Typography ---------- */ body,input,textarea,select,button{font-family:'Noto Sans Arabic','Open Sans',sans-serif} h1,h2,h3,h4,h5,h6,.bg-nav__brand-name,.bg-nav__brand-sub,.eyebrow,.btn, .bg-stats__num,.bg-stats__unit,.bg-about__check,.bg-about__float-num,.bg-about__float-lbl, .bg-process__card-num,.bg-process__card-title, .bg-product-card__yield,.bg-product-card__yield-lbl,.bg-product-card__title, .bg-impact__num,.bg-impact__unit,.bg-cform__group label,.bg-cinfo__text h4, .bg-footer h4,.bg-nav__link,.bg-nav__lang, .fc-box__title h3,.fc-box__title span,.fc-box__legend-item, .path-label{ font-family:'Noto Sans Arabic','Montserrat',sans-serif; } /* ---------- Navigation ---------- */ .bg-nav__links{margin-left:36px;margin-right:auto} .bg-nav__burger{order:0} /* ---------- Eyebrow ---------- */ .eyebrow{padding-left:0;padding-right:36px} .eyebrow::before{left:auto;right:0} .bg-hero__eyebrow::before{left:auto;right:auto} /* row-reverse removed: dir=rtl already reverses flex items */ /* ---------- Hero ---------- */ .bg-hero__badge{left:auto;right:-30px} .bg-hero__img-wrap::before{background:linear-gradient(225deg,var(--o),transparent 60%)} /* ---------- About ---------- */ .bg-about__float{left:auto;right:-20px} /* ---------- Process cards ---------- */ /* row-reverse removed: dir=rtl already reverses flex-direction:row */ /* ---------- Products ---------- */ .bg-product-card__uses li{padding-left:0;padding-right:18px} .bg-product-card__uses li::before{left:auto;right:0} .bg-product-card__svg{right:auto;left:12px} /* ---------- Impact quote ---------- */ .bg-impact__quote blockquote::before{left:auto;right:50%;margin-left:0;margin-right:-410px} /* ---------- Contact form ---------- */ /* row-reverse removed: dir=rtl already reverses flex-direction:row */ .bg-cform__group input[type="email"], .bg-cform__group input[type="tel"]{direction:ltr;text-align:right} /* ---------- Footer ---------- */ .bg-footer ul li a:hover{padding-left:0;padding-right:4px} /* row-reverse removed from footer contact items: dir=rtl handles it */ /* ---------- Back to top ---------- */ .back-top{right:auto;left:28px} /* ---------- Flow chart box (stays LTR) ---------- */ .fc-box{direction:ltr} .fc-box__title{direction:rtl} .fc-box__legend{direction:rtl}