/* ============================================================
   AGROO — RTL overrides. Loaded only on /ar/.
   Mirrors direction-dependent rules from agroo.css.
   Arabic display face: Amiri (serif, pairs with PT Serif's role).
   Arabic text face: IBM Plex Sans Arabic (pairs with Inter).
   ============================================================ */

:root{
  --serif: "Amiri", "Noto Naskh Arabic", Georgia, serif;
  --sans:  "IBM Plex Sans Arabic", "Noto Sans Arabic", -apple-system, Segoe UI, sans-serif;
}

body{ direction:rtl; text-align:right; }

/* Arabic needs more leading — the script has taller ascenders and
   diacritics that collide at Latin line-heights. */
body{ line-height:1.85; }
h1,h2,h3{ line-height:1.4; letter-spacing:0; }
h1{ font-size:clamp(1.95rem,4.2vw,3.1rem); }

/* ---------- structural mirroring ---------- */
.nav{ margin-left:0; margin-right:auto; }
.lang-menu{ right:auto; left:0; }
.brand svg{ transform:scaleX(-1); }

.mark{ margin-right:0; margin-left:9px; }

.not-list .no{ width:auto; min-width:2.4ch; }

.cov-note{ border-left:none; border-right:2px solid var(--copper); padding-left:0; padding-right:14px; }

.tbl th,.tbl td{ text-align:right; }
.tbl td:last-child,.tbl th:last-child{ text-align:left; }

.pkg-body p,.measure,p{ margin-left:0; }

.foot-base{ flex-direction:row-reverse; }

/* inline style overrides that carry a left margin in the base markup */
[style*="margin-left:8px"]{ margin-left:0 !important; margin-right:8px !important; }

/* ---------- numerals ---------- */
/* Prices, counters and table figures stay in Western Arabic numerals:
   European buyers and Gulf procurement both quote in them, and mixing
   Eastern Arabic numerals into euro amounts causes real misreads. */
.count b,.calc-out b,.pkg-price,.tbl td{
  direction:ltr; unicode-bidi:embed; display:inline-block;
}
.count b,.calc-out b{ display:block; }

/* ---------- the hero map is a diagram, not text: keep it LTR ---------- */
.hero-map{ direction:ltr; }

/* ---------- forms ---------- */
.field input,.field select,textarea{ text-align:right; direction:rtl; }
.field input[type="email"],.field input[type="number"]{ text-align:left; direction:ltr; }
.opt input{ margin-top:6px; }

/* ---------- arrows in link text point the other way ---------- */
/* Authors write ← in Arabic copy; nothing to flip here, but the
   button chevrons in the base file are text, so they inherit direction. */

@media (max-width:960px){
  .nav{ margin-right:auto; }
}