/* HAJRSMART 1.7 – stable bilingual layout */
/* html stays direction:ltr for BOTH languages. Arabic is rendered with an Arabic
   text direction only, and no grid/flex/sidebar/header positions are mirrored. */
html[lang="ar"] body{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;}
html[lang="ar"] :is(h1,h2,h3,h4,h5,h6,p,blockquote,figcaption,.sectioncopy,.eyebrow,.kicker,.catbody span,.p-cat,.plate-note,.projectnote,.infohint,.notice-demo,.p-body small,.probody small,.topHours,.footer li,.footer p,.footer h4,.contactli span,.quote-response){direction:rtl;text-align:right;unicode-bidi:plaintext;}
/* Keep navigation, cards, buttons, images and symbols in the original locations. */
html[lang="ar"] :is(.navlinks a,.mobilemenu a,.footer a,.langbox a){unicode-bidi:plaintext;}
html[lang="ar"] :is(.btn,.quote,.viewall,.darkbtn,.whats,.langbox,.arrow){direction:ltr;}
html[lang="ar"] :is(.btn,.quote,.darkbtn,.whats,.langbox a){text-align:center;}
html[lang="ar"] :is(.herotext,.catbody,.p-body,.platebody,.aboutcopy,.probody,.cta,.quotewrap,.footergrid>div,.singleproduct>div){min-width:0;}
html[lang="ar"] :is(.herotext h1,.h2,.catbody h3,.platebody h3,.p-body h3,.probody strong,.footer h4){overflow-wrap:break-word;word-break:normal;letter-spacing:normal;}
html[lang="ar"] :is(.herotext h1,.h2){line-height:1.35;}
/* Left-to-right technical values must keep their human-readable order. */
html[lang="ar"] :is(input[type="email"],input[type="tel"],a[href^="mailto:"],a[href^="tel:"],.plateno,.specs td){direction:ltr;unicode-bidi:isolate;}
html[lang="ar"] :is(.quote-form input,.quote-form textarea){text-align:start;}
html[lang="ar"] .quote-form label{text-align:right;}
/* Never allow Arabic text to expand the mobile viewport horizontally. */
.navin,.navright,.headrow,.catbody,.platebody,.p-body,.footergrid>div{min-width:0;}
html[lang="ar"] .herofoot,html[lang="ar"] .btnrow{flex-wrap:wrap;}
html[lang="ar"] :is(.footer li,.aboutbullet,.contactli,.barleft span){overflow-wrap:anywhere;}
@media(max-width:970px){html[lang="ar"] .mobilemenu a{text-align:right;direction:rtl;}}
@media(max-width:650px){html[lang="ar"] .herotext h1{font-size:42px;line-height:1.3;}html[lang="ar"] .h2{font-size:29px;line-height:1.4;}}