/* ============================================================
   INSUTECH — Arabic (RTL) overrides
   Loaded only on /ar/ pages, after styles.css.
   Fonts: Cairo (headings) + IBM Plex Sans Arabic (body)
   ============================================================ */

@font-face{font-family:'Cairo';font-style:normal;font-weight:600 700;font-display:swap;src:url(/assets/fonts/cairo-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:600 700;font-display:swap;src:url(/assets/fonts/cairo-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/plex-ar-arabic-400.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFC, U+200C-200E, U+2010-2011;}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/plex-ar-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/plex-ar-arabic-500.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFC, U+200C-200E, U+2010-2011;}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/plex-ar-latin-500.woff2) format('woff2');unicode-range:U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/plex-ar-arabic-600.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFC, U+200C-200E, U+2010-2011;}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/plex-ar-latin-600.woff2) format('woff2');unicode-range:U+0000-00FF, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;}

/* ---------- font swap ---------- */
:root {
  --font-d: "IBM Plex Sans Arabic", "Mont", "Helvetica Neue", sans-serif;
  --font-m: "IBM Plex Sans Arabic", "Mont", "Helvetica Neue", sans-serif;
}
h1, h2, h3, h4, h5, .h-display, .num, .big, .pp-title {
  font-family: "Cairo", "Mont", "Helvetica Neue", sans-serif;
}

/* Arabic joining breaks under tracking; kill letter-spacing globally */
* { letter-spacing: 0 !important; }

/* ---------- directional glyph flips ---------- */
.arr, .btn-viewall span, .proj-card .goto, .rail-btn {
  display: inline-block;
  transform: scaleX(-1);
}
.btn:hover .arr { transform: scaleX(-1) translateX(-5px); }
.sol-card .cs:hover .arr { transform: scaleX(-1) translateX(-5px); }
.prod-card:hover .pc-link .arr { transform: scaleX(-1) translateX(-4px); }
.proj-card:hover .goto { opacity: 1; transform: scaleX(-1); }

/* ---------- side-anchored elements ---------- */
.modal-close { right: auto; left: 18px; }
@media (max-width: 960px) { .modal-close { right: auto; left: 10px; } }
.ac-toggle { right: auto; left: 8px; }
.util .u-left a { margin-right: 0; margin-left: 28px; }
.lang-switch a + a { border-left: 0; border-right: 1px solid var(--line-strong); }
/* nav starts from the right, adjacent to the logo (mirror of EN margin-right:auto) */
.nav-links { margin-right: 0; margin-left: auto; }
.foot-col a:hover { padding-left: 0; padding-right: 6px; }

/* ---------- cert marquee: keep the track LTR so the -50% loop stays seamless ---------- */
.cert-strip { direction: ltr; }

/* ---------- Arabic type scale & vertical rhythm ----------
   EN micro-typography is tracked uppercase at 10–13px; Arabic (letter-spacing 0)
   needs slightly larger sizes, and Cairo needs looser leading than Mont. */
.hero h1 { line-height: 1.16; }
.h-display { line-height: 1.28; }
h2, h3, h4 { line-height: 1.35; }
.eyebrow { margin-bottom: 14px; font-size: 13px; }
.cta-inner .k { margin-bottom: 24px; font-size: 13px; }
.nav-links a.nl { font-size: 14.5px; }
.btn { font-size: 13.5px; }
.hero-sub p { font-size: 15px; }
.hero-meta { font-size: 13.5px; }
.play-pill { font-size: 13.5px; }
.cert-cell span { font-size: 12px; }
.stat .lbl { font-size: 14px; }
.cap-cell .u, .cap-cell .prod { font-size: 12.5px; }
.pp-idx, .pm-k { font-size: 12px; }
.globe-tag { font-size: 12px; }
.util a { font-size: 13px; }
.dropdown a, .mcol a { font-size: 14px; }
.mcol h5 { font-size: 13.5px; }
.foot-col a { font-size: 14.5px; }
.foot-col h3 { font-size: 14px; }
.form-privacy { font-size: 12.5px; }

/* tech tables: value/method cells are Latin figures — render them LTR so
   "700 N/5cm" and "-2 to -5°C" keep natural order (property column stays RTL) */
.pd-table td:not(:first-child), .pd-table th:not(:first-child) { direction: ltr; }