/* Salma Arabic v1.001 — exact copies of the supplied installed family. */
@font-face{font-family:"Salma Arabic";src:url("/assets/fonts/SalmaArabic-Light.otf") format("opentype");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Salma Arabic";src:url("/assets/fonts/SalmaArabic-Regular.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Salma Arabic";src:url("/assets/fonts/SalmaArabic-Medium.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Salma Arabic";src:url("/assets/fonts/SalmaArabic-Bold.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Salma Arabic";src:url("/assets/fonts/SalmaArabic-Black.otf") format("opentype");font-weight:900;font-style:normal;font-display:swap}
html[lang="ar"]{--sans:"Salma Arabic",Tahoma,Arial,sans-serif;--serif:"Salma Arabic",Tahoma,Arial,sans-serif}
:lang(ar){font-family:"Salma Arabic",Tahoma,Arial,sans-serif!important;font-synthesis:none;letter-spacing:normal}
em:lang(ar){font-style:normal;font-weight:700}

/* Salma's own optical scale. These are design choices, not SEO pixel rules.
   Relative units preserve the reader's default font size and zoom preferences. */
html[lang="ar"]{
  --ar-body:1.25rem;
  --ar-small:1rem;
  --ar-control:1.125rem;
  --ar-h1:clamp(3rem,2rem + 2.4vw,4rem);
  --ar-h2:clamp(2rem,1.5rem + 1.5vw,2.75rem);
  --ar-h3:clamp(1.5rem,1.3rem + .6vw,1.875rem);
}
html[lang="ar"] body{font-size:var(--ar-body);line-height:1.75}
html[lang="ar"] .z-page :is(h1,h2,h3,h4){letter-spacing:normal;line-height:1.35;font-weight:500;overflow-wrap:break-word}
html[lang="ar"] .z-page h1{font-size:var(--ar-h1);line-height:1.25}
html[lang="ar"] .z-page h2,
html[lang="ar"] .z-home #start h2{font-size:var(--ar-h2)}
html[lang="ar"] .z-page h3{font-size:var(--ar-h3)}
html[lang="ar"] .z-page :is(.service-card,.industry-card,.article-body) :is(h2,h3){font-size:var(--ar-h3);line-height:1.45}
html[lang="ar"] .z-page :is(.interior-hero>div>p,.section-head p,.content-grid p,.deliverables li,.detail-step p,.service-card p,.industry-card p,.article-body p,.steps p,.faq-layout p,.reading p,.reading li,.z-tabpanel p,.z-method-top p,.z-method-steps p,.s-service-description,.z-company-copy>p,.z-about-overview p,.z-odoo-credential p,.z-about-contact p,.p-erp-feature p,.o-hero>p,.o-demo-copy p,.o-section-head p,.o-service-copy p,.o-customer-section p){font-size:var(--ar-body);line-height:1.8}
html[lang="ar"] .reading{max-width:46rem}
html[lang="ar"] .reading :is(p,ul,ol){margin-block:1.2em}
html[lang="ar"] .reading h2{margin-block:1.5em .6em}
html[lang="ar"] .reading h3{margin-block:1.4em .5em}

/* Navigation and functional labels remain readable, including compact widths. */
html[lang="ar"] .z-header :is(.z-nav-trigger,.z-nav-direct,.z-dropdown a,.z-mobile-toggle,.z-nav-account,.z-nav-contact,.z-mobile-contact){font-size:var(--ar-control);line-height:1.4}
html[lang="ar"] .z-header .z-nav-direct{font-size:var(--ar-control)!important}
html[lang="ar"] .z-page :is(.button,.z-button,.o-button,.text-link,.readmore,.service-card .readmore,.z-card-link,.o-service-copy>a,.z-pills a){font-size:var(--ar-control);line-height:1.5;white-space:normal}
html[lang="ar"] .z-page :is(.button,.z-button,.o-button){min-height:2.75rem}
html[lang="ar"] .z-page :is(.eyebrow,.breadcrumbs,.z-label,.z-overline,.o-eyebrow,.o-service-copy .o-eyebrow,.o-partner-link,.o-partner-lockup>span,.o-deliverable,.o-index a,.reading small,.detail-step strong,.service-card .number,.article-art span,.z-method-steps>div>span,.z-company-facts span,.z-value-list span,.p-project-category,.p-project-controls>a,.p-project-foot,.p-erp-apps span){font-size:var(--ar-small);line-height:1.6;letter-spacing:normal}
html[lang="ar"] .z-page :is(.s-service-title,.o-demo-tabs button,.z-tabs button){font-size:var(--ar-h3);line-height:1.4}
html[lang="ar"] .z-tabs{flex-wrap:wrap}
html[lang="ar"] .z-product-art h3{white-space:normal}
html[lang="ar"] .z-page :is(.faq summary,.z-faq .faq summary,.o-faq summary){font-size:1.375rem;line-height:1.6}
html[lang="ar"] .z-page :is(.faq details p,.z-faq .faq p,.o-faq details p){font-size:var(--ar-body);line-height:1.8}
html[lang="ar"] .z-page :is(.field span,.form-note,.form-result){font-size:var(--ar-small);line-height:1.75}
html[lang="ar"] .field :is(input,select,textarea){font-size:var(--ar-control);line-height:1.6;min-height:3rem}
html[lang="ar"] .workflow :is(th,td){font-size:var(--ar-small);line-height:1.75}
html[lang="ar"] .workflow :is(td:first-child,td:nth-child(2),td:nth-child(2) strong,td:nth-child(2) p){font-size:var(--ar-control);line-height:1.75}
html[lang="ar"] .workflow-note{font-size:var(--ar-small);line-height:1.6}
html[lang="ar"] .z-page :is(.z-testimonial-summary,.z-testimonial-person strong,.z-ar-feedback){font-size:var(--ar-body);line-height:1.8}
html[lang="ar"] .z-page :is(.z-testimonial-person>span,.z-evidence-link,.z-evidence-note){font-size:var(--ar-small);line-height:1.7}
html[lang="ar"] .z-testimonial-panel blockquote{font-size:2rem;line-height:1.5}
html[lang="ar"] .z-page .z-footer-group h3{font-size:1.125rem;line-height:1.6}
html[lang="ar"] .z-footer-group a{font-size:1.125rem;line-height:1.7}
html[lang="ar"] .z-footer-intro>p{font-size:1.75rem;line-height:1.6}
html[lang="ar"] :is(.z-footer-email,.z-footer-bottom){font-size:1rem;line-height:1.6}

/* An open first screen; let content grow at narrow widths or enlarged text. */
html[lang="ar"] .lava-opening{height:auto;min-height:100svh;grid-template-rows:1fr auto}
html[lang="ar"] .lava-hero{padding-block:20px}
html[lang="ar"] .lava-hero h1{font-size:var(--ar-h1);line-height:1.22}
html[lang="ar"] .lava-hero .lava-hero-intro{font-size:var(--ar-body);line-height:1.65;margin-top:12px}
html[lang="ar"] .lava-hero .lava-hero-eyebrow{font-size:1rem;line-height:1.5;letter-spacing:normal;margin-bottom:12px}
html[lang="ar"] .lava-hero-actions a{font-size:var(--ar-control);line-height:1.5;padding-block:10px}
html[lang="ar"] .lava-hero .lava-hero-choice{font-size:1rem;line-height:1.5;min-height:2.375rem}
html[lang="ar"] .lava-hero :is(.lava-hero-feature-title,.lava-hero-feature-description){font-size:1rem;line-height:1.6}
html[lang="ar"] .lava-hero .lava-hero-feature-title{font-size:1.125rem}
html[lang="ar"] .z-home .p-client-strip-heading h2{font-size:1.25rem;line-height:1.4}
html[lang="ar"] .p-client-strip-heading{flex-wrap:wrap;gap:4px 16px}
html[lang="ar"] .p-client-strip-actions>span{font-size:1rem}
html[lang="ar"] .p-client-strip-controls .p-client-strip-toggle{font-size:1rem;min-height:2.25rem}
html[lang="ar"] .lava-opening .p-odoo-label{font-size:1rem;line-height:1.5}
html[lang="ar"] .lava-opening .p-odoo-relationship strong{font-size:1.25rem;line-height:1.4;white-space:normal}
html[lang="ar"] .lava-opening .p-odoo-relationship>span{font-size:1rem;line-height:1.5}
html[lang="ar"] .lava-opening .p-ready{font-size:1rem;line-height:1.4;white-space:normal}

/* Illustrative interfaces use a secondary scale, never the main reading size. */
html[lang="ar"] .z-page :is(.z-system-head small,.z-system-bottom,.z-system-modules>div:not(.z-system-line),.o-window-bar,.o-app-title small,.o-kanban-column>span,.o-record b,.o-record small,.o-record-foot,.o-status-line,.o-invoice strong,.o-invoice-bottom,.o-mini-list>div,.o-mini-list small,.o-mini-note,.o-stock-table,.o-stock-table>div:first-child,.o-invoice>div:first-child,.o-app-list>span,.o-map b,.o-launch>div){font-size:.875rem;line-height:1.5}
html[lang="ar"] .z-page :is(.o-demo-caption,.o-flow>span,.o-connections>span,.o-app-title,.o-app-list b){font-size:1rem;line-height:1.5;white-space:normal}
html[lang="ar"] .o-demo-disclaimer{font-size:1rem!important;line-height:1.7}
html[lang="ar"] .o-demo-scene{aspect-ratio:auto;height:auto}
html[lang="ar"] .o-flow{flex-wrap:wrap}
html[lang="ar"] .z-system{height:auto;min-height:0}

@media(min-width:901px) and (max-height:780px){
  html[lang="ar"] .lava-hero{padding-block:10px}
  html[lang="ar"] .lava-hero h1{font-size:3rem}
  html[lang="ar"] .lava-hero .lava-hero-eyebrow{display:none}
  html[lang="ar"] .lava-hero-actions,
  html[lang="ar"] .lava-hero-switcher{margin-top:10px}
}
@media(max-width:1100px) and (min-width:901px){
  html[lang="ar"] .z-header{gap:10px;inset-inline:12px}
  html[lang="ar"] .z-header :is(.z-nav-trigger,.z-nav-direct){padding-inline:9px}
  html[lang="ar"] .z-nav-contact{gap:12px;padding-inline:18px}
}
@media(max-width:900px){
  html[lang="ar"]{--ar-h1:2.75rem}
  html[lang="ar"] .z-header :is(.z-nav-trigger,.z-nav-direct){font-size:1.5rem!important}
  html[lang="ar"] .z-header .z-dropdown a{font-size:1.25rem}
  html[lang="ar"] .lava-opening{grid-template-rows:auto auto}
}
@media(max-width:600px){
  html[lang="ar"]{--ar-h1:2.375rem;--ar-h2:2rem;--ar-h3:1.625rem}
  html[lang="ar"] .z-page h1{line-height:1.3}
  html[lang="ar"] .lava-hero{padding-block:8px 12px;gap:10px}
  html[lang="ar"] .lava-hero .lava-hero-eyebrow{display:none}
  html[lang="ar"] .lava-hero h1{font-size:var(--ar-h1);line-height:1.25}
  html[lang="ar"] .lava-hero-actions,
  html[lang="ar"] .lava-hero-switcher{margin-top:10px}
  html[lang="ar"] .lava-hero-actions{gap:12px 16px}
  html[lang="ar"] .lava-hero-actions a{padding-inline:14px;gap:10px}
  html[lang="ar"] .lava-hero .lava-hero-choice{padding-inline:9px}
  html[lang="ar"] .lava-hero .hero-laptop-frame{height:120px}
  html[lang="ar"] .lava-hero-feature-card{padding-top:0}
  html[lang="ar"] .lava-hero .lava-hero-feature-description{display:none}
  html[lang="ar"] .lava-opening>.p-odoo-strip>.z-container{grid-template-columns:70px minmax(0,1fr);gap:4px 14px;padding-block:8px}
  html[lang="ar"] .lava-opening .p-odoo-logo{width:70px;grid-row:1/3}
  html[lang="ar"] .lava-opening .p-ready{grid-column:2;max-width:none;justify-self:start}
  html[lang="ar"] .p-client-strip-heading{gap:4px;padding-inline:20px}
  html[lang="ar"] .p-client-strip-controls{gap:3px}
  html[lang="ar"] .p-client-strip-controls .p-client-strip-toggle{min-width:0;padding-inline:6px}
  html[lang="ar"] .z-nav-contact{padding-inline:12px;gap:8px}
  html[lang="ar"] .z-mobile-toggle{gap:10px}
}
@media(max-width:380px){
  html[lang="ar"] .z-nav-actions .z-language{min-width:40px;padding-inline:8px}
  html[lang="ar"] .z-nav-actions .z-nav-account{padding-inline:8px}
}