/* Arabic (right-to-left) layer for the interactive site. Loaded only by /ar/. Everything not listed here
   mirrors by itself because the page is dir="rtl" (grids, flex rows, text alignment, margins in logical order). */
html[dir="rtl"] body{font-family:'Tajawal','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Tahoma,Arial,sans-serif;line-height:1.8}
/* Arabic letters must stay joined: no letter spacing, no capitals */
html[dir="rtl"] *{letter-spacing:0 !important}
html[dir="rtl"] *:not(input):not(textarea){text-transform:none !important}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .home-title,html[dir="rtl"] .page-title,html[dir="rtl"] .about-title,html[dir="rtl"] .clients-title{line-height:1.3}
html[dir="rtl"] .page-title,html[dir="rtl"] .clients-title,html[dir="rtl"] .about-title{font-size:clamp(2.3rem,6vw,4.4rem)}
html[dir="rtl"] .nav-lang,html[dir="rtl"] .menu-lang{font-family:-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
/* things that were pinned to the left or right */
html[dir="rtl"] .home-facts b{margin-right:0;margin-left:.25rem}
html[dir="rtl"] .home-card,html[dir="rtl"] .work-tile{text-align:right}
html[dir="rtl"] .home-photo{margin-left:0;margin-right:auto;transform:rotate(-2.2deg)}
html[dir="rtl"] .about-year{left:auto;right:-1.5rem}
html[dir="rtl"] .about-badge{right:auto;left:-1.5rem}
html[dir="rtl"] .proj-header-note,html[dir="rtl"] .proj-page-header .proj-header-note{text-align:left}
html[dir="rtl"] .stat-item{border-right:0;border-left:1px solid var(--border)}
html[dir="rtl"] .stat-item:last-child{border-left:0}
html[dir="rtl"] .clients-col-d{border-right:0;border-left:1px solid var(--border)}
html[dir="rtl"] .clients-col-d:last-child{border-left:0}
html[dir="rtl"] .brands-logo-grid{border-left:0;border-right:1px solid var(--border)}
html[dir="rtl"] .brands-logo-grid .brand-card{border-right:0;border-left:1px solid var(--border)}
html[dir="rtl"] .div-card:hover .div-card-cta::after{transform:translateX(-4px)}
/* the contact panel slides in from the left side in Arabic */
html[dir="rtl"] .contact-drawer{right:auto;left:0;transform:translateX(-100%);border-left:0;border-right:1px solid var(--border)}
html[dir="rtl"] .contact-drawer.open{transform:translateX(0)}
html[dir="rtl"] .drawer-close,html[dir="rtl"] .overlay-close,html[dir="rtl"] .lb-close{right:auto;left:1.5rem}
html[dir="rtl"] .custom-select-trigger{text-align:right}
html[dir="rtl"] .custom-select-arrow,html[dir="rtl"] .custom-select-trigger::after{margin-left:0;margin-right:.75rem}
/* phone and email are typed left to right */
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] #cfPhone,html[dir="rtl"] #cfEmail{direction:ltr;text-align:right}
@media(max-width:900px){html[dir="rtl"] .about-badge{left:1rem;right:auto}}
html[dir="rtl"] .about-badge-num,html[dir="rtl"] .stat-num,html[dir="rtl"] .about-year{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .drawer-info-row{unicode-bidi:plaintext;text-align:right}
html[dir="rtl"] .drawer-info-row a{direction:ltr;unicode-bidi:isolate;display:inline-block}
html[dir="rtl"] input::placeholder{unicode-bidi:plaintext}