/* =====================================================
   Cairo Font - Core Perfex Custom Typography
   ===================================================== */

/* 1️⃣ Cairo Font Faces */
@font-face {
    font-family: 'Cairo';
    src: url('/assets/fonts/Cairo-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/assets/fonts/Cairo-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cairo';
    src: url('/assets/fonts/Cairo-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* -----------------------------------------------------
   2️⃣ Apply Cairo ONLY to text elements
----------------------------------------------------- */

/* General text */
body,
p,
span,
div,
label,
a,
input,
textarea,
select,
button,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cairo', sans-serif !important;
}

/* Headings stronger weight */
h1, h2, h3 {
    font-weight: 700;
}

h4, h5, h6 {
    font-weight: 600;
}

/* -----------------------------------------------------
   3️⃣ Fix ALL icon systems (CRITICAL)
----------------------------------------------------- */

/* Font Awesome */
.fa,
.fas,
.far,
.fal,
.fab {
    font-family: "Font Awesome 5 Free","Font Awesome 5 Brands" !important;
    font-weight: 900 !important;
}

/* Themify Icons (menu arrows, UI icons) */
.ti,
[class^="ti-"],
[class*=" ti-"] {
    font-family: 'themify' !important;
    font-style: normal;
    font-weight: normal;
}

/* Glyphicons (legacy) */
.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}

/* Dropdown arrows & caret fixes */
.caret,
.dropdown-toggle:after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* -----------------------------------------------------
   4️⃣ FONT SIZE CONTROL (BY SECTION)
----------------------------------------------------- */

/* Global base font */
body {
    font-size: 15px;
}

/* Top header */
#header,
#header a {
    font-size: 14px;
}

/* Main sidebar menu */
#side-menu,
#side-menu li a {
    font-size: 14px;
    font-weight: 600;
}

/* Submenu */
#side-menu li ul li a {
    font-size: 13px;
    font-weight: 400;
}

/* Tables */
.table,
.table th,
.table td {
    font-size: 14px;
}

/* Forms */
.form-control,
.input-group-addon {
    font-size: 14px;
}

/* Buttons */
.btn {
    font-size: 14px;
    font-weight: 600;
}