/*
  Custom CSS for Qawaim - Perfex CRM
  Loaded automatically in admin, clients, and authentication areas
  when this file exists at assets/css/custom.css
*/

/* ===== Import Tajawal font from Google Fonts ===== */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');

/* ===== Apply Tajawal to everything EXCEPT icon fonts ===== */
html,
body {
    font-family: 'Tajawal', 'Inter', sans-serif !important;
}

/* Common text elements */
input, textarea, select, button,
.btn, label, .control-label, .form-control,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
table, th, td,
.navbar, .nav, .nav-link,
.alert, .notification, .toast,
.modal, .modal-title, .modal-body, .modal-footer,
.badge, .label, .tag,
.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-menu {
    font-family: 'Tajawal', 'Inter', sans-serif !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
}

/* Code blocks keep monospace */
code, pre, .code, .monospace,
.CodeMirror, .ace_editor {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace !important;
}

/* ===== PROTECT icon fonts - DO NOT override their font-family ===== */
/* FontAwesome, Glyphicons, and other icon libs keep their own fonts */
i.fa, i.far, i.fas, i.fab, i.fal, i.fad,
.fa, .far, .fas, .fab, .fal, .fad,
i.glyphicon, .glyphicon,
[class*="fa-"],
[class*="glyphicon-"],
[class*="icon-"],
[data-fa-icon],
.ic-app-logo,
.btn .fa,
.btn .far,
.btn .fas,
.nav-link .fa,
.nav-link .far,
.nav-link .fas {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Glyphicons Halflings" !important;
}