/* ============================================
   GLOBAL FONT CONFIGURATION
   JLR BEC Portal - Brand Typography System
   ============================================ */

/* Import Secondary Typography */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

/* Import Brand Typography */
@font-face {
    font-family: "LandRover";
    src: url("../fonts/LandRoverOT4-Medium.woff2") format("woff2"),
         url("../fonts/LandRoverOT4-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "LandRoverOT4";
    src: url("../fonts/LandRoverOT4-Medium.woff2") format("woff2"),
         url("../fonts/LandRoverOT4-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    
}

/* Global Font Variable */
:root {
    --brand-font: "LandRover", "Poppins", sans-serif;
}

/* ============================================
   APPLY FONT GLOBALLY (EXCLUDING ICONS)
   ============================================ */
html,
body,
.content-wrapper,
.wrapper,
.main-sidebar,
.sidebar,
.main-header,
.main-footer,
.content,
.box,
.card,
.modal-content,
.dropdown-menu,
.navbar,
.nav,
.table,
.form-control,
.form-group,
.select2-container,
.select2-selection,
.btn,
.badge,
.label,
.pagination,
.breadcrumb,
.panel,
.panel-heading,
.panel-body,
.panel-footer,
.list-group,
.list-group-item,
.alert,
.nav-tabs,
.nav-pills,
.small-box,
.info-box,
.callout,
.timeline,
.login-box,
.register-box,
.lockscreen,
.invoice,
.mailbox,
.direct-chat,
.user-panel,
.sidebar-menu,
.treeview-menu,
.dataTables_wrapper,
.dataTable,
.dataTables_filter,
.dataTables_length,
.dataTables_info,
.dataTables_paginate,
.dataTables_processing {
    font-family: "LandRover", "Poppins", sans-serif !important; 
}

/* ============================================
   APPLY TO ALL TEXT ELEMENTS (EXCLUDING ICONS)
   ============================================ */
h1,
h2,
h3,
h4,
h5,
h6,
p,
span:not(.fa):not(.glyphicon):not([class*="fa-"]):not(.fas):not(.far):not(.fab),
label,
a:not(.fa):not(.glyphicon):not([class*="fa-"]):not(.fas):not(.far):not(.fab),
small,
strong,
em,
li,
td,
th,
input,
textarea,
select,
button:not(.close),
option,
optgroup {
    font-family: "LandRover", "Poppins", sans-serif !important; 
}

/* ============================================
   SELECT2 TYPOGRAPHY FIX
   ============================================ */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-results__option {
    font-family: "LandRover", "Poppins", sans-serif !important; 
}

/* ============================================
   DATATABLES TYPOGRAPHY FIX
   ============================================ */
table.dataTable,
table.dataTable thead th,
table.dataTable tbody td {
    font-family: "LandRover", "Poppins", sans-serif !important; 
}

/* ============================================
   MODALS TYPOGRAPHY FIX
   ============================================ */
.modal-title,
.modal-body,
.modal-footer {
    font-family: "LandRover", "Poppins", sans-serif !important; 
}

/* ============================================
   SIDEBAR TYPOGRAPHY FIX
   ============================================ */
.sidebar-menu > li > a,
.treeview-menu > li > a,
.user-panel .info {
    font-family: "LandRover", "Poppins", sans-serif !important; 
}

/* ============================================
   HEADER TYPOGRAPHY FIX
   ============================================ */
.main-header,
.main-header .navbar,
.main-header .navbar *:not(i):not(.fa):not([class*="fa-"]):not(.glyphicon):not(.fas):not(.far):not(.fab) {
    font-family: "LandRover", "Poppins", sans-serif !important;
}

/* ============================================
   PRESERVE ICON FONTS (CRITICAL FALLBACK)
   ============================================ */
.fa,
.fas,
.far,
.fal,
.fab,
.glyphicon,
[class*="fa-"],
i {
    font-family: FontAwesome, Glyphicons Halflings, sans-serif !important;
}