/* =========================
   font.css (Optimized)
   - Keep only Tajawal for text
   - Improve Font Awesome loading
   ========================= */

/* 1) Main site font */
:root{
  --font-main: "Tajawal", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;
}

html, body{
  font-family: var(--font-main);
  font-weight: 400;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Force Tajawal on common elements */
body, button, input, textarea, select{
  font-family: var(--font-main);
}

/* =========================
   2) Font Awesome (self-hosted)
   - IMPORTANT: Keep paths correct: ../fonts/
   ========================= */

/* Regular (far) */
@font-face{
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fa-regular-400.woff") format("woff");
}

/* Light (fal) */
@font-face{
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/fa-light-300.woff") format("woff");
}

/* Brands (fab) - separated to avoid conflicts */
@font-face{
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/fa-brands-400.woff") format("woff");
}

/* Map common FA classes (safe + prevents wrong font picked) */
.fab, .fa-brands{
  font-family: "Font Awesome 5 Brands" !important;
  font-weight: 400 !important;
}

.far, .fa-regular{
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 400 !important;
}

.fal, .fa-light{
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 300 !important;
}

/* =========================
   3) Removed fonts (dana/yekan)
   - Deleted on purpose to stop extra font loads
   ========================= */
/* .rt-dana,.rt-dana * { font-family: dana; } */
/* .rt-yekan,.rt-yekan * { font-family: yekan; } */