/**
 * Legibility fixes layered on top of the precompiled Tailwind (main.css).
 *
 * 1) Readability floor for the tiny label sizes used across eyebrows, nav
 *    items, badges, and footer links. 8–11px is below comfortable reading
 *    size on most screens, so every tier is raised slightly site-wide.
 *
 * 2) Arabic-specific fixes: the wide tracking-* letter-spacing utilities are
 *    designed for uppercase Latin labels. Arabic is a connected script —
 *    letter-spacing visually tears the letterforms apart and badly hurts
 *    legibility, so in RTL all letter-spacing is reset to normal. Arabic
 *    glyphs also render optically smaller than Latin at the same px size,
 *    so the tiny tiers get a further bump in RTL.
 *
 * Loaded after main.css (see lbn_enqueue_assets) so these rules win the
 * cascade at equal specificity.
 */

/* ---- 1) Global readability floor for tiny label text ---- */
.text-\[8px\]  { font-size: 10px !important; }
.text-\[9px\]  { font-size: 11px !important; }
.text-\[10px\] { font-size: 12px !important; }
.text-\[11px\] { font-size: 12.5px !important; }

/* ---- 2) Arabic (RTL): no letter-spacing on a connected script ---- */
[dir="rtl"] [class*="tracking-["],
[dir="rtl"] .tracking-widest,
[dir="rtl"] .tracking-wider,
[dir="rtl"] .tracking-wide,
[dir="rtl"] .tracking-tight {
	letter-spacing: 0 !important;
}

/* Arabic glyphs run optically smaller — raise the tiny tiers further. */
[dir="rtl"] .text-\[8px\]  { font-size: 12px !important; }
[dir="rtl"] .text-\[9px\]  { font-size: 12.5px !important; }
[dir="rtl"] .text-\[10px\] { font-size: 13px !important; }
[dir="rtl"] .text-\[11px\] { font-size: 13.5px !important; }
[dir="rtl"] .text-xs       { font-size: 0.85rem !important; }

/* Scoped-section eyebrows/badges (lbn-pr__, lbn-rm__, …) get the same Arabic
   treatment: no letter-spacing, slightly larger. */
[dir="rtl"] [class*="__eyebrow"],
[dir="rtl"] [class*="__now-badge"] {
	letter-spacing: 0 !important;
	font-size: 0.875rem !important;
}

/* Slightly taller line-height for short Arabic labels that wrap. */
[dir="rtl"] .font-headline {
	line-height: 1.4;
}

/* Long-form Arabic prose (policy crisis/solution bodies): slightly larger with
   roomier leading — Arabic needs more vertical space for diacritics and dots. */
[dir="rtl"] .prose {
	font-size: 1.0625rem;
	line-height: 1.95;
}

/* Headlines/hero titles keep their own tighter leading. */
[dir="rtl"] h1.font-headline,
[dir="rtl"] h2.font-headline {
	line-height: 1.25;
}