/* Arabic typography */
html[dir=rtl] body,html[dir=rtl] body :is(h1,h2,h3,h4,h5,h6,p,a,span,li,button,input,select,textarea,label,div,td,th,figcaption,blockquote,summary,strong,em){font-family:'IBM Plex Sans Arabic',system-ui,sans-serif!important;letter-spacing:0!important}
html[dir=rtl] svg text{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;letter-spacing:0}
/* Spiral: text on a path must run LTR or it collapses; Arabic words still shape and read correctly */
html[dir=rtl] .apex-spiral-svg,html[dir=rtl] .apex-spiral-svg text{direction:ltr}
/* Keep "26+" style figures reading as in English */
html[dir=rtl] .apex-stat-number{direction:ltr;unicode-bidi:isolate;text-align:right;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}
/* CSS arrows point the reading direction */
html[dir=rtl] body .elementor .apex-about-row>span a::after,html[dir=rtl] body .elementor .apex-home-product-list>*::after{content:'\2190'}

/* Scroll-reveal animations: slide in from the mirrored side */
html[dir=rtl].apex-fx-ready .apex-fx-reveal.apex-fx-left{transform:translate3d(70px,0,0)}
html[dir=rtl].apex-fx-ready .apex-fx-reveal.apex-fx-right{transform:translate3d(-70px,0,0)}
html[dir=rtl].apex-fx-ready .apex-fx-reveal.is-in{transform:none}
html[dir=rtl].apex-fx-ready article.apex-fx-reveal>:first-child>:not(img){transform-origin:right bottom}

html[dir=rtl] a[href^="tel:"],html[dir=rtl] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}

/* Mirror Apex plugin rules that use fixed left/right */
html[dir=rtl] .apex-field select{padding-right:0;padding-left:28px}
html[dir=rtl] .apex-enquiry-aside::before{right:auto;left:-40%}
html[dir=rtl] .apex-steps li{padding-left:0;padding-right:44px}
html[dir=rtl] .apex-steps li::before{left:auto;right:0}
html[dir=rtl] .apex-wa-float{right:auto;left:max(24px,env(safe-area-inset-left))}
html[dir=rtl] .apex-wa-float-label{right:auto;left:calc(100% + 12px)}
html[dir=rtl] .apex-enquiry-popup{right:auto;left:max(24px,env(safe-area-inset-left))}
html[dir=rtl] .apex-enquiry-popup-close{right:auto;left:12px}
html[dir=rtl] body .elementor .apex-hero-video-controls{right:auto!important;left:104px!important}
html[dir=rtl] .apex-post-card-placeholder::after{left:auto;right:28px}
html[dir=rtl] .apex-article-body ul,html[dir=rtl] .apex-article-body ol{padding-left:0;padding-right:1.3em}
html[dir=rtl] .apex-article-body blockquote{padding-left:0;padding-right:24px}
html[dir=rtl] body .elementor .apex-numbers::before,html[dir=rtl] body .elementor .apex-team::before{right:auto;left:-15vw}
html[dir=rtl] body .elementor .apex-about-row>span a:hover::after{transform:translateX(-4px)}
html[dir=rtl] body .elementor .apex-home-product-list>::after{transform:translateX(10px)}
html[dir=rtl] body .elementor .apex-footer::before{left:auto;right:-20vw}
html[dir=rtl] body .elementor-location-header .apex-menu-panel{right:auto;left:0}
html[dir=rtl] body .elementor-location-header .apex-menu-links>*{text-align:left}
@media (max-width:1024px){html[dir=rtl] .apex-about-stat{margin-right:0;margin-left:24px}}
@media (max-width:767px){
html[dir=rtl] .apex-about-stat{margin-left:0;margin-right:20px}
html[dir=rtl] body .elementor .apex-hero-video-controls{left:84px!important}
html[dir=rtl] .apex-wa-float{left:max(16px,env(safe-area-inset-left))}
html[dir=rtl] .apex-enquiry-popup{left:16px;right:16px}
}
