/* Frontend Font Override for Bootstrap CSS Variables */

/* Yekan Font Face Declaration for Frontend */
@font-face {
    font-family: 'Yekan';
    src: url('/fonts/Yekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

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

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

/* Override Bootstrap CSS Variables */
:root {
    --bs-body-font-family: 'Yekan', Outfit, sans-serif !important;
    --bs-font-sans-serif: 'Yekan', Outfit, sans-serif !important;
    --bs-font-monospace: 'Yekan', Outfit, sans-serif !important;
    --bs-font-serif: 'Yekan', Outfit, sans-serif !important;
}

/* Override Bootstrap body styles */
body {
    font-family: var(--bs-body-font-family) !important;
}

/* Override Bootstrap component fonts */
.navbar,
.navbar-brand,
.navbar-nav,
.nav-link,
.btn,
.card,
.card-header,
.card-body,
.card-footer,
.card-title,
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6,
p, span, div,
.form-control,
.form-select,
.dropdown-menu,
.dropdown-item,
.modal,
.modal-header,
.modal-body,
.modal-footer,
.alert,
.badge,
.list-group,
.list-group-item {
    font-family: 'Yekan', Outfit, sans-serif !important;
}

/* Make navbar nav-link font larger */
.navbar .nav-link {
    font-size: 1.1rem !important;
    font-weight: 500 !important;
}

/* Override any inline styles */
[style*="font-family"] {
    font-family: 'Yekan', Outfit, sans-serif !important;
}

/* Ensure all text elements use Yekan */
*, *::before, *::after {
    font-family: 'Yekan', Outfit, sans-serif !important;
}