/* =============================================================================
   OSP Fonts
   Includes Cairo for both LTR and RTL
============================================================================= */

/* Cairo */
@font-face {
    font-family: "Cairo";
    src: url("../fonts/Cairo/cairo-300.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Cairo";
    src: url("../fonts/Cairo/cairo-400.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Cairo";
    src: url("../fonts/Cairo/cairo-500.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Cairo";
    src: url("../fonts/Cairo/cairo-600.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Cairo";
    src: url("../fonts/Cairo/cairo-700.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Apply to LTR Layouts (Default) */
body {
    --bs-body-font-family: "Cairo", sans-serif;
    --bs-font-sans-serif: "Cairo", sans-serif;
    font-family: "Cairo", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p,
a,
label,
span,
input,
button,
select,
textarea,
.form-control,
.form-select,
.btn,
.nav-link,
.dropdown-item {
    font-family: "Cairo", sans-serif;
}

/* Apply to RTL Layouts */
[dir="rtl"],
[dir="rtl"] body {
    --bs-body-font-family: "Cairo", sans-serif;
    --bs-font-sans-serif: "Cairo", sans-serif;
    font-family: "Cairo", sans-serif;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] .h1,
[dir="rtl"] .h2,
[dir="rtl"] .h3,
[dir="rtl"] .h4,
[dir="rtl"] .h5,
[dir="rtl"] .h6,
[dir="rtl"] p,
[dir="rtl"] a,
[dir="rtl"] label,
[dir="rtl"] span,
[dir="rtl"] input,
[dir="rtl"] button,
[dir="rtl"] select,
[dir="rtl"] textarea,
[dir="rtl"] .form-control,
[dir="rtl"] .form-select,
[dir="rtl"] .btn,
[dir="rtl"] .nav-link,
[dir="rtl"] .dropdown-item {
    font-family: "Cairo", sans-serif;
}

/* Ensure auth brand specifically uses inherit or default if needed,
   but it's SVG mostly so it's fine. */