/* ============================================================
   MAVORA — v74 multilingual refinement layer (8th overlay)
   1) Products dropdown: fluid max-width, RTL mirror, long-word wrap
   2) Arabic (RTL) line-height gate across heading levels
   Rollback: remove link + delete file.
   ============================================================ */

/* ---------- 1a. Products dropdown — never overflow viewport ---------- */
[class*="w-[720px]"] {
  max-width: calc(100vw - 3rem);
}

/* ---------- 1b. RTL mirror: panel pins to the right of the trigger ---------- */
[dir="rtl"] [class*="w-[720px]"] {
  left: auto;
  right: 0;
}

/* ---------- 1c. RTL mirror: column divider flips to the reading side ---------- */
[dir="rtl"] [class*="w-[720px]"] .grid-cols-3 > div {
  border-left-width: 0;
  border-right: 1px solid var(--stone-grey);
  padding-left: 0;
  padding-right: 1.25rem;
}

/* ---------- 1d. Long-word safety (DE compounds, wide scripts) ---------- */
[class*="w-[720px]"] a {
  overflow-wrap: anywhere;
}

/* ---------- 2. Arabic / RTL line-height gate (all heading levels) ---------- */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4 {
  line-height: 1.45;
}
[dir="rtl"] h1[class] {
  line-height: 1.4;
}
[dir="rtl"] h2[class],
[dir="rtl"] h3[class],
[dir="rtl"] h4[class] {
  line-height: 1.45;
}
[dir="rtl"] .font-mono,
[dir="rtl"] [class*="font-semibold"]:not(h1):not(h2):not(h3):not(h4),
[dir="rtl"] [class*="font-medium"]:not(h1):not(h2):not(h3):not(h4) {
  line-height: 1.5;
}