/**
 * Safe Clicks — language-aware typography (Kurdish / Arabic / English).
 * Loaded after page styles so html[lang] rules win over legacy Rabar hard-codes.
 */

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: var(--font-ui, var(--font-ar));
}

body {
  font-family: inherit;
  line-height: var(--sc-line-height, 1.6);
  letter-spacing: var(--sc-letter-spacing, 0);
}

/* ——— Arabic: Tajawal + Noto — clear UI Arabic ——— */
html[lang="ar"] {
  --font-ui: var(--font-ar);
  --sc-line-height: 1.72;
  --sc-letter-spacing: 0;
  font-size: clamp(0.9375rem, 0.88rem + 0.35vw, 1.0625rem);
}

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ar"] label,
html[lang="ar"] th,
html[lang="ar"] td,
html[lang="ar"] .swal2-popup,
html[lang="ar"] .swal2-title,
html[lang="ar"] .swal2-html-container {
  font-family: var(--font-ar) !important;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] .font-bold,
html[lang="ar"] .font-black,
html[lang="ar"] .font-extrabold {
  font-weight: 700;
  letter-spacing: 0;
}

/* ——— Kurdish: Rabar + Arabic fallbacks ——— */
html[lang="ku"] {
  --font-ui: var(--font-ku);
  --sc-line-height: 1.65;
  --sc-letter-spacing: 0.005em;
  font-size: clamp(0.9rem, 0.85rem + 0.3vw, 1rem);
}

html[lang="ku"] body,
html[lang="ku"] button,
html[lang="ku"] input,
html[lang="ku"] select,
html[lang="ku"] textarea,
html[lang="ku"] label,
html[lang="ku"] th,
html[lang="ku"] td,
html[lang="ku"] .swal2-popup,
html[lang="ku"] .swal2-title,
html[lang="ku"] .swal2-html-container {
  font-family: var(--font-ku) !important;
}

/* ——— English: Inter / system UI ——— */
html[lang="en"] {
  --font-ui: var(--font-en);
  --sc-line-height: 1.55;
  --sc-letter-spacing: -0.008em;
  font-size: clamp(0.875rem, 0.82rem + 0.25vw, 1rem);
}

html[lang="en"] body,
html[lang="en"] button,
html[lang="en"] input,
html[lang="en"] select,
html[lang="en"] textarea,
html[lang="en"] label,
html[lang="en"] th,
html[lang="en"] td,
html[lang="en"] .swal2-popup,
html[lang="en"] .swal2-title,
html[lang="en"] .swal2-html-container {
  font-family: var(--font-en) !important;
}

/* Forms: inherit readable stack */
.inp,
input.inp,
select.inp,
textarea.inp,
.dj-inp,
.sc-lang-select,
button,
select,
textarea {
  font-family: inherit;
}

/* Numbers / money: Western digits, tabular — do not force Rabar on amounts */
.sc-num,
.sc-price-iqd,
.sc-price-usd,
.font-mono,
[class*="font-mono"],
.sold-kpi-val,
.sold-pay-summary td {
  font-family: var(--sc-num-font, ui-monospace, "Segoe UI", system-ui, sans-serif) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}

html[lang="ar"] .sc-num,
html[lang="ar"] .font-mono,
html[lang="ar"] .sold-kpi-val {
  font-family: var(--sc-num-font, "Segoe UI", ui-monospace, system-ui, sans-serif) !important;
}

/* Tables: slightly more line height in RTL scripts */
html[lang="ar"] table.data-tbl td,
html[lang="ar"] table.data-tbl th,
html[lang="ku"] table.data-tbl td,
html[lang="ku"] table.data-tbl th {
  line-height: 1.55;
}

html[lang="ar"] table.data-tbl th {
  font-weight: 700;
}

/* Quill / rich text editors */
.ql-editor,
.ql-container {
  font-family: inherit !important;
  line-height: inherit;
}

/* Tailwind default sans stack */
html[lang="ar"] .font-sans,
html[lang="ku"] .font-sans,
html[lang="en"] .font-sans {
  font-family: inherit !important;
}