/* Arabic is a complete locale; the approved logos and chart coordinates stay intact. */
@font-face{font-family:"Trinity Arabic";src:url("assets/fonts/noto-sans-arabic-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Trinity Arabic";src:url("assets/fonts/noto-sans-arabic-semibold.ttf") format("truetype");font-weight:500 700;font-style:normal;font-display:swap}
html[lang="ar"] body,
html[lang="ar"] :is(h1,h2,h3,h4,button,input,select,textarea){font-family:"Trinity Arabic",Arial,sans-serif}
html[lang="ar"] :is(h1,h2,h3,h4){line-height:1.5;letter-spacing:0;font-style:normal}
html[lang="ar"] h1 em,html[lang="ar"] h2 em{font-style:normal}
html[lang="ar"] :is(p,label,li,small){line-height:1.85}
html[lang="ar"] :is(.eyebrow,.small-caps,.path-number,.portal-location,.location,.region-kicker,.dubai-mission-button,.mission-live-status,.provider-designation,.footer-bottom){letter-spacing:0}
html[lang="ar"] :is(.path-card h2,.business-options h3,.dubai-scope h3){line-height:1.65}
html[lang="ar"] :is(.portal-copy,.path-card,.region-panel,.business-options button,.answer-options button,.dialog-copy,.portal-dubai,.contact-grid,.investor-brief,.sim-inputs,.sim-results){text-align:start}
html[lang="ar"] :is(.button,.path-action,.dubai-mission-button){text-align:center;line-height:1.65}
html[lang="ar"] .platform-visual{direction:ltr}
html[lang="ar"] .platform-geometry text{font-family:Arial,sans-serif;direction:ltr}
html[lang="ar"] :is(.map-frame,#projection-chart,.planet-wrap){direction:ltr}
html[lang="ar"] #projection-chart text{font-family:"Trinity Arabic",Arial,sans-serif;unicode-bidi:plaintext}
html[lang="ar"] .tiny-line{margin-right:0;margin-left:14px}
html[lang="ar"] .provider-identity{border-left:0;padding-left:0;border-right:1px solid var(--line);padding-right:26px}
html[lang="ar"] .provider-identity [data-no-translate]{direction:ltr;unicode-bidi:isolate}
html[lang="ar"] .region-analysis ul,html[lang="ar"] .dialog-copy ul{padding-left:0;padding-right:20px}
html[lang="ar"] .journey-next>div{margin-right:0;margin-left:auto}
html[lang="ar"] #journey-name{border-left:0;padding-left:0;border-right:1px solid var(--line);padding-right:20px}
html[lang="ar"] :is(#sim-investment,#sim-revenue,#sim-noi,#sim-yield,#sim-cashflow,#chart-direction,.region-no,.contact-point a){direction:ltr;unicode-bidi:isolate;display:block;text-align:start}
html[lang="ar"] :is(input[type="number"],input[type="email"],input[type="tel"]){direction:ltr;unicode-bidi:isolate;text-align:left}
html[lang="ar"] :is(input,select,textarea){min-height:48px}
html[lang="ar"] .language-selector{direction:ltr}
.language-selector button[data-language="ar"]{font-family:"Trinity Arabic",Arial,sans-serif;letter-spacing:0;min-width:58px;font-size:12px}
.arabic-presence-note{max-width:540px;color:var(--muted);font-size:13px;line-height:1.85;margin-top:18px}
.arabic-contact-note{color:var(--muted);font-size:13px;line-height:1.85;margin-bottom:20px}
@media(max-width:1100px){html[lang="ar"] .question-layout .provider-identity{padding-right:18px}}
@media(max-width:760px){
  html[lang="ar"] .provider-identity{padding-right:18px}
  html[lang="ar"] .portal-copy h1{font-size:clamp(35px,8vw,52px);line-height:1.5}
  html[lang="ar"] #journey-name{border:0;padding-right:0}
  html[lang="ar"] :is(.portal-paths .path-action,.button,.sim-tabs button,.goal-chips button){font-size:15px}
  html[lang="ar"] .portal-paths .path-card h2{font-size:25px}
  html[lang="ar"] :is(.sim-inputs label,.contact .input-grid label,.investor-brief .input-grid label){font-size:14px;line-height:1.7}
  html[lang="ar"] :is(.result-grid span,.chart-header,.sim-note,.mission-note){font-size:13px;line-height:1.8}
  html[lang="ar"] .result-grid span{min-height:4em}
  html[lang="ar"] .contact-links span{font-size:10px;line-height:1.65}
  html[lang="ar"] .map-caption{line-height:1.7;direction:rtl;letter-spacing:0;text-align:start}
  html[lang="ar"] .map-filters button{font-size:13px;line-height:1.65}
  html[lang="ar"] .question-layout h2{font-size:32px}
}
@media(max-width:380px){
  .topbar .logo{width:120px}
  .header-actions{gap:0}
  .language-selector button{min-width:29px;padding:5px}
  .language-selector button[data-language="ar"]{min-width:51px}
  html[lang="ar"] .realestate-provider,html[lang="ar"] .question-layout .realestate-provider{grid-template-columns:80px minmax(0,1fr);gap:12px}
  html[lang="ar"] .provider-identity{padding-right:12px}
  html[lang="ar"] .result-grid>div{display:flex;align-items:stretch}
  html[lang="ar"] .result-grid span{min-height:0}
}
