/* C18 — fonts stay on this server. Do not load Google Fonts or jsDelivr. */
@font-face {
  font-family: "Kasheer Sans";
  src: url("liberation/LiberationSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kasheer Sans";
  src: url("liberation/LiberationSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kasheer Sans";
  src: url("liberation/LiberationSans-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Kasheer Sans";
  src: url("liberation/LiberationSans-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face { font-family: "Public Sans"; src: url("liberation/LiberationSans-Regular.ttf") format("truetype"); font-weight: 100 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Public Sans"; src: url("liberation/LiberationSans-Bold.ttf") format("truetype"); font-weight: 700 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("liberation/LiberationSans-Regular.ttf") format("truetype"); font-weight: 300 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("liberation/LiberationSans-Bold.ttf") format("truetype"); font-weight: 600 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Open Sans"; src: url("liberation/LiberationSans-Regular.ttf") format("truetype"); font-weight: 300 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Open Sans"; src: url("liberation/LiberationSans-Bold.ttf") format("truetype"); font-weight: 600 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Oswald"; src: url("liberation/LiberationSans-Bold.ttf") format("truetype"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Outfit"; src: url("liberation/LiberationSans-Regular.ttf") format("truetype"); font-weight: 400 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Outfit"; src: url("liberation/LiberationSans-Bold.ttf") format("truetype"); font-weight: 600 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("liberation/LiberationSans-Regular.ttf") format("truetype"); font-weight: 300 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("liberation/LiberationSans-Bold.ttf") format("truetype"); font-weight: 600 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("liberation/LiberationSans-Regular.ttf") format("truetype"); font-weight: 300 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Roboto"; src: url("liberation/LiberationSans-Bold.ttf") format("truetype"); font-weight: 700 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Lobster"; src: url("liberation/LiberationSans-Bold.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Yantramanav"; src: url("liberation/LiberationSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Boldonse"; src: url("liberation/LiberationSans-Bold.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Boldonse Nav"; src: url("liberation/LiberationSans-Bold.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("liberation/LiberationSans-Regular.ttf") format("truetype"); font-weight: 400 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Cairo"; src: url("liberation/LiberationSans-Regular.ttf") format("truetype"); font-weight: 400 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Cairo"; src: url("liberation/LiberationSans-Bold.ttf") format("truetype"); font-weight: 600 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Raleway"; src: url("liberation/LiberationSans-Regular.ttf") format("truetype"); font-weight: 100 500; font-style: normal; font-display: swap; }

:root {
  --kasheer-font: "Kasheer Sans", "Segoe UI", Tahoma, "Noto Sans Arabic", "Geeza Pro", Arial, sans-serif;
  /* Kept for revert: previous Arabic stacks used Cairo / Kasheer Sans / system Arabic. */
  --kasheer-arabic-font-previous: "Cairo", "Kasheer Sans", "Segoe UI", Tahoma, "Noto Sans Arabic", "Geeza Pro", Arial, sans-serif;
  --kasheer-arabic-font: "Tajawal", var(--kasheer-arabic-font-previous);
}

/* =============================================================================
 * ARABIC FONT TRIAL — Tajawal
 * Applies when the language switcher is Arabic (html[dir="rtl"] / .arabic-lang).
 * Does NOT remove Kasheer Sans, Cairo, or Liberation faces above.
 * To revert: delete this whole block (from BEGIN to END) and set
 *   --kasheer-arabic-font: var(--kasheer-arabic-font-previous);
 * or remove Tajawal from stacks that list it first.
 * ============================================================================= */
/* BEGIN Tajawal Arabic trial */
@font-face {
  font-family: "Tajawal";
  src: url("Tajawal/Tajawal-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("Tajawal/Tajawal-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("Tajawal/Tajawal-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("Tajawal/Tajawal-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("Tajawal/Tajawal-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("Tajawal/Tajawal-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Tajawal";
  src: url("Tajawal/Tajawal-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

html[dir="rtl"],
html.arabic-lang,
body.arabic-lang,
body.arabic_font,
.kasheer-login-page.arabic-lang,
.kasheer-forgot-body.arabic-lang {
  --kasheer-font: var(--kasheer-arabic-font);
  --ir-font-heading: var(--kasheer-arabic-font);
  --ir-font-nav: var(--kasheer-arabic-font);
  --ir-font-body: var(--kasheer-arabic-font);
}

html[dir="rtl"] body,
html.arabic-lang body,
body.arabic-lang,
body.arabic_font,
.kasheer-login-page.arabic-lang,
.kasheer-forgot-body.arabic-lang {
  font-family: var(--kasheer-arabic-font) !important;
}

/* Cover Latin stacks set on child components (Public Sans, Montserrat, etc.) */
html[dir="rtl"] body h1,
html[dir="rtl"] body h2,
html[dir="rtl"] body h3,
html[dir="rtl"] body h4,
html[dir="rtl"] body h5,
html[dir="rtl"] body h6,
html[dir="rtl"] body p,
html[dir="rtl"] body span,
html[dir="rtl"] body a,
html[dir="rtl"] body li,
html[dir="rtl"] body label,
html[dir="rtl"] body td,
html[dir="rtl"] body th,
html[dir="rtl"] body button,
html[dir="rtl"] body input,
html[dir="rtl"] body select,
html[dir="rtl"] body textarea,
html[dir="rtl"] body .form-control,
html[dir="rtl"] body .btn,
html[dir="rtl"] body .nav,
html[dir="rtl"] body .navbar,
html[dir="rtl"] body .sidebar-menu,
html[dir="rtl"] body .main-sidebar,
html[dir="rtl"] body .content-wrapper,
html[dir="rtl"] body .wrapper,
html[dir="rtl"] body .card,
html[dir="rtl"] body .modal,
html[dir="rtl"] body .dropdown-menu,
html[dir="rtl"] body .select2-container,
html[dir="rtl"] body .select2-results,
html[dir="rtl"] body .swal2-popup,
html[dir="rtl"] body .dataTables_wrapper,
html.arabic-lang body h1,
html.arabic-lang body h2,
html.arabic-lang body h3,
html.arabic-lang body h4,
html.arabic-lang body h5,
html.arabic-lang body h6,
html.arabic-lang body p,
html.arabic-lang body span,
html.arabic-lang body a,
html.arabic-lang body li,
html.arabic-lang body label,
html.arabic-lang body td,
html.arabic-lang body th,
html.arabic-lang body button,
html.arabic-lang body input,
html.arabic-lang body select,
html.arabic-lang body textarea,
body.arabic-lang h1,
body.arabic-lang h2,
body.arabic-lang h3,
body.arabic-lang h4,
body.arabic-lang h5,
body.arabic-lang h6,
body.arabic-lang p,
body.arabic-lang span,
body.arabic-lang a,
body.arabic-lang li,
body.arabic-lang label,
body.arabic-lang td,
body.arabic-lang th,
body.arabic-lang button,
body.arabic-lang input,
body.arabic-lang select,
body.arabic-lang textarea {
  font-family: var(--kasheer-arabic-font) !important;
}

/* Keep icon fonts on their own families */
html[dir="rtl"] i.fa,
html[dir="rtl"] i.fas,
html[dir="rtl"] i.far,
html[dir="rtl"] i.fal,
html[dir="rtl"] i.fab,
html[dir="rtl"] i.fad,
html[dir="rtl"] .fa,
html[dir="rtl"] .fas,
html[dir="rtl"] .far,
html[dir="rtl"] .fal,
html[dir="rtl"] .fab,
html[dir="rtl"] .fad,
html[dir="rtl"] [class^="fa-"],
html[dir="rtl"] [class*=" fa-"],
html.arabic-lang i.fa,
html.arabic-lang i.fas,
html.arabic-lang i.far,
html.arabic-lang i.fal,
html.arabic-lang i.fab,
html.arabic-lang .fa,
html.arabic-lang .fas,
html.arabic-lang .far,
html.arabic-lang .fal,
html.arabic-lang .fab,
body.arabic-lang i.fa,
body.arabic-lang i.fas,
body.arabic-lang i.far,
body.arabic-lang i.fal,
body.arabic-lang i.fab,
body.arabic-lang .fa,
body.arabic-lang .fas,
body.arabic-lang .far,
body.arabic-lang .fal,
body.arabic-lang .fab,
body.arabic_font i.fa,
body.arabic_font i.fas,
body.arabic_font i.far,
body.arabic_font i.fal,
body.arabic_font i.fab,
body.arabic_font .fa,
body.arabic_font .fas,
body.arabic_font .far,
body.arabic_font .fal,
body.arabic_font .fab {
  font-family: "Font Awesome 5 Free", "Font Awesome 6 Free", "Font Awesome 5 Pro", "FontAwesome", "fontAwesome" !important;
}
html[dir="rtl"] i.fas,
html[dir="rtl"] .fas,
html.arabic-lang i.fas,
html.arabic-lang .fas,
body.arabic-lang i.fas,
body.arabic-lang .fas,
body.arabic_font i.fas,
body.arabic_font .fas {
  font-weight: 900;
}
html[dir="rtl"] .fab,
html.arabic-lang .fab,
body.arabic-lang .fab,
body.arabic_font .fab {
  font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands", "FontAwesome" !important;
}
/* END Tajawal Arabic trial */