/* Arabic (RTL) pages. Loaded after site.css on /ar/ only. */
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/plex-arabic-400.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/fonts/plex-arabic-700.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}

:root{
  --f-display:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
  --f-body:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
  --f-mono:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;
}
html[dir="rtl"] body{font-size:17.5px;line-height:1.85}
/* Arabic must never be letter-spaced or upper-cased: it breaks the joins */
html[dir="rtl"] *,html[dir="rtl"] *::before,html[dir="rtl"] *::after{letter-spacing:0!important;text-transform:none!important}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{font-family:var(--f-display);font-weight:700;line-height:1.35}
[dir="ltr"]{unicode-bidi:isolate}

/* headings sized for Arabic, not for the condensed Latin display face */
.ph1,.ph1--long{font:700 clamp(30px,4vw,54px)/1.35 var(--f-display)}
.section-head h2,.h-sm,.qband h2,.ar-faq h2,.home-links h2{font:700 clamp(28px,3.2vw,44px)/1.3 var(--f-display)}
.card-svc h3{margin:8px 0 10px;font:700 clamp(24px,2.3vw,31px)/1.3 var(--f-display)}
.qform h3{font:700 24px/1.3 var(--f-display)}
.hstats b{font:700 clamp(36px,4vw,54px)/1 var(--f-display)}
.hstats span,.tag,.legend,.field label,.card-tag,.ftr h2,.ftr-bot,.tile__lbl,.map-card{font-family:var(--f-body);font-size:13px;font-weight:600}
.field label{font-size:14px}
.ftr .tl{font:700 clamp(26px,2.6vw,34px)/1.35 var(--f-display)}
.ftr h2{font-size:14px}
.ftr-bot{font-size:13px}

/* mirrored physical properties */
.skip-link{left:auto;right:-9999px}
.skip-link:focus{left:auto;right:16px}
.wa-float{right:auto;left:18px;padding:0 16px 0 20px}
.totop{right:auto;left:18px}
.arr{transform:scaleX(-1)}
.legend i{margin-right:0;margin-left:7px}
.legend small{margin-left:0;margin-right:auto}
.countries li small{margin-left:0;padding-left:0;margin-right:auto;padding-right:10px}
.crumbs li + li::before{margin-right:0;margin-left:6px}
.ftr-bot a{margin-right:0;margin-left:16px}
th,td{text-align:right}
.loc-chips a{padding:10px 12px 10px 16px}
.action-bar a + a{border-left:0;border-right:1px solid var(--line)}
.prose ul:not([class]){padding-left:0;padding-right:22px}

/* hero */
.ar-hero .ph1{max-width:20ch}
.ar-hero .lede{max-width:46ch}
.hstats span{display:block;margin-top:8px;font-size:13.5px;color:var(--muted)}

/* service cards */
.card-svc__body h3{color:var(--ink)}
.card-svc li{font-size:14px}
.card-tag{display:inline-block;align-self:flex-start;padding:3px 10px;border-radius:999px;background:var(--ink);color:#fff}

/* products / equipment columns */
.cols-2{align-items:start;gap:clamp(36px,6vw,80px)}
.cols-2 > div > p{color:var(--muted)}
.ar-links{margin-top:18px}
.ar-links a{color:var(--ink);text-decoration:none;font-weight:600}
.ar-links a:hover{color:var(--red);text-decoration:underline}
.ar-small{margin-top:14px;font-size:.95rem;color:var(--muted)}

/* countries */
.ar-countries{grid-template-columns:repeat(3,minmax(0,1fr))}
.ar-countries li{align-items:flex-start}
.ar-countries li span{display:flex;flex-direction:column;min-width:0}
.ar-countries li small{display:block;margin:2px 0 0;padding:0;white-space:normal;font-size:13.5px;font-weight:500;line-height:1.6;color:var(--muted)}
.ar-countries li.is-base small{color:#FF8A90}
.ar-countries svg{margin-top:6px}

/* process */
.ar-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s}
.ar-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 22px 24px;transition:border-color .35s,box-shadow .35s,transform .45s var(--ease)}
.ar-step:hover{border-color:var(--red);box-shadow:0 20px 40px -28px rgba(181,18,27,.5);transform:translateY(-4px)}
.ar-step .n{display:block;font:700 15px/1 var(--f-body);color:var(--red);margin-bottom:10px}
.ar-step h3{margin:0 0 6px;font:700 22px/1.35 var(--f-display)}
.ar-step p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}

.ar-faq{max-width:860px}
.ar-thanks{max-width:720px}
.faq summary{font-family:var(--f-display);font-weight:700}

/* quote band */
.qband .tag{color:#FFD0D3}
.qform .form-foot{align-items:center}

/* footer */
.ftr--ar .ftr-top{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr))}

@media (max-width:1024px){
  .ar-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ar-countries{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftr--ar .ftr-top{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  html[dir="rtl"] body{font-size:17px}
  .ar-steps,.ar-countries{grid-template-columns:minmax(0,1fr)}
  .ftr--ar .ftr-top{grid-template-columns:minmax(0,1fr)}
  .wa-float{left:12px}
  .totop{left:12px}
}

/* Arabic: larger nav and table heads */
.nav__link{font-size:16px;font-weight:600}
th{font-family:var(--f-body)}
.coverage th{font-size:15px}
.consent p{font-size:15px}