/* ════════════════════════════════════════════════════════════════════
   READEX PRO — primary platform typeface (AR + EN)
   Loaded from Google Fonts CDN. Single family covers both scripts with
   matching x-height and stroke contrast, so AR ↔ EN swaps stay smooth.
   ════════════════════════════════════════════════════════════════════ */

/* Imports Readex Pro weights 200-700 with Arabic + Latin subsets.
   Use `display=swap` so the page never blanks waiting for the font. */
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700&display=swap');

/* ─── Apply globally with high specificity ─── */
html, body,
.wgl-body,
.wgs-home,
button, input, textarea, select,
h1, h2, h3, h4, h5, h6, p, span, a, li, div,
.wgl-hero-title, .wgl-hero-sub, .wgl-eyebrow,
.wgl-hero-tagline-text,
.wgl-section-head h2, .wgl-section-head p,
.wgl-feature-text h2, .wgl-feature-text p,
.wgl-subject h3, .wgl-subject li,
.wgl-trust-title, .wgl-trust-stat strong, .wgl-trust-stat span,
.wgl-plan h3, .wgl-plan-tag, .wgl-plan-price,
.wgl-plan-price > span, .wgl-plan-price small,
.wgl-faq-item summary, .wgl-faq-item p,
.wgl-final-cta h2, .wgl-final-cta p,
.wgl-foot-brand p, .wgl-foot-col h4, .wgl-foot-col a,
.wgl-menu a, .wgl-btn, .wgl-logo,
.wgl-lang-toggle, .wgl-lang-opt,
.wgs-greet-title, .wgs-greet-sub, .wgs-tagline-text,
.wgs-subject h3, .wgs-subject li, .wgs-subject-mark,
.wgs-section-head h2, .wgs-section-head p,
.wgs-plan-mini, .wgs-trust-item, .wgs-act-row,
.page-header h1, .page-header .subtitle,
.btn, .nav-btn, .sidebar-menu, .sidebar-menu *,
.cap-intro, .cap-config-card,
.wgs-userchip, .wgs-eyebrow {
  font-family: 'Readex Pro', 'Tajawal', 'IBM Plex Sans Arabic',
               -apple-system, system-ui, 'Segoe UI', sans-serif !important;
}

/* Material Icons are NOT a regular font — exclude them */
.material-icons-round,
.material-icons {
  font-family: 'Material Icons Round', 'Material Icons' !important;
}

/* ─── Slight tracking tweaks for headlines (Readex's natural width is wider) ─── */
.wgl-hero-title,
.wgl-section-head h2,
.wgl-feature-text h2,
.wgs-greet-title {
  letter-spacing: -0.02em;
}