@charset "UTF-8";
/* ============================================================
   Site-wide typeface — Cairo for Arabic, Poppins for Latin
   (the same pair the Zyvora site uses; loaded from Google Fonts
   in includes/header.php, dashboard/ and instructor/ headers).
   Font family only: no colours, sizes or spacing, so the panels
   that were not part of the redesign keep their existing layout.
   ============================================================ */

:root {
    --site-font: "Cairo", "Poppins", "Segoe UI", Tahoma, Arial, sans-serif;
}
:root[dir="ltr"] {
    --site-font: "Poppins", "Cairo", "Segoe UI", Tahoma, Arial, sans-serif;
}

body, body *,
input, textarea, select, button, optgroup,
.tox, .tox * {
    font-family: var(--site-font) !important;
}

/* ---- icon fonts keep their own family ---- */
.bi, .bi::before,
[class^="bi-"], [class^="bi-"]::before,
[class*=" bi-"], [class*=" bi-"]::before {
    font-family: bootstrap-icons !important;
}

[class^="iconly-bold"], [class^="iconly-bold"]::before,
[class*=" iconly-bold"], [class*=" iconly-bold"]::before,
[class^="iconly-"], [class*=" iconly-"] {
    font-family: "Iconly---Bold" !important;
}

[class^="dripicons-"], [class^="dripicons-"]::before,
[class*=" dripicons-"], [class*=" dripicons-"]::before {
    font-family: "dripicons-v2" !important;
}

/* the rich-text editor renders user content in its own iframe body */
.tox .tox-icon, .tox .tox-icon * { font-family: inherit !important; }

/* code stays monospace */
code, pre, kbd, samp, .font-monospace {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
}