/* ==========================================================
   WhatsBot — Lama Sans Global Typography
   Dashboard + Landing Page + Authentication Pages
   ========================================================== */

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-Thin.ttf") format("truetype");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-ThinItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-ExtraLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-ExtraLightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-LightItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-RegularItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-MediumItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-SemiBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-SemiBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-BoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-ExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-ExtraBoldItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-Black.ttf") format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: "Lama Sans";
    src: url("/assets/fonts/lama-sans/LamaSans-BlackItalic.ttf") format("truetype");
    font-style: italic;
    font-weight: 900;
    font-display: swap;
}

:root {
    --dl-font: "Lama Sans", Arial, sans-serif !important;
    --font-main: "Lama Sans", Arial, sans-serif !important;
    --bs-body-font-family: "Lama Sans", Arial, sans-serif !important;
}

/* Main document */
html,
body {
    font-family: "Lama Sans", Arial, sans-serif !important;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Text and controls */
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
label,
small,
strong,
b,
button,
input,
select,
textarea,
optgroup,
option,
table,
thead,
tbody,
tfoot,
th,
td,
.btn,
.form-control,
.form-select,
.input-group,
.dropdown-menu,
.modal,
.modal-title,
.modal-body,
.offcanvas,
.navbar,
.nav-link,
.sidebar,
.card,
.card-title,
.card-body,
.alert,
.badge,
.pagination,
.page-link,
.tooltip,
.popover,
.iziToast,
.iziToast-title,
.iziToast-message,
.select2-container,
.select2-dropdown,
.select2-results,
.swal2-popup,
.swal2-title,
.swal2-html-container {
    font-family: "Lama Sans", Arial, sans-serif !important;
}

/* Preserve code formatting */
code,
pre,
kbd,
samp,
.font-monospace {
    font-family: "JetBrains Mono", "Fira Code", Consolas, monospace !important;
}


/* ==========================================================
   Preserve icon fonts — do not apply Lama Sans to icons
   ========================================================== */

/* Font Awesome 5 Pro: solid */
.fa,
.fas {
    font-family: "Font Awesome 5 Pro" !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

/* Font Awesome 5 Pro: regular */
.far {
    font-family: "Font Awesome 5 Pro" !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

/* Font Awesome 5 Pro: light */
.fal {
    font-family: "Font Awesome 5 Pro" !important;
    font-style: normal !important;
    font-weight: 300 !important;
}

/* Font Awesome 5 Brands */
.fab {
    font-family: "Font Awesome 5 Brands" !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

/* Font Awesome 5 Duotone */
.fad,
.fad::before,
.fad::after {
    font-family: "Font Awesome 5 Duotone" !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

/* Font Awesome 6 support, where used */
.fa-solid {
    font-family: "Font Awesome 6 Free" !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

.fa-regular {
    font-family: "Font Awesome 6 Free" !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-style: normal !important;
    font-weight: 400 !important;
}


/* Better Arabic rendering */
html[dir="rtl"] body,
html[lang="ar"] body,
body.rtl {
    letter-spacing: 0 !important;
}