/* Roboto Font Family - Global Styling */
/* Import Roboto from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;600;700;900&display=swap');

/* Global Roboto Font Family */
*:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.fa-light):not(.fa-duotone):not(.la):not(.las):not(.lab):not(.lal):not(.lad) {
    font-family: 'Roboto', sans-serif !important;
}

body, html {
    font-family: 'Roboto', sans-serif !important;
}

/* Form Elements */
.form-control, .form-select, input, textarea, select {
    font-family: 'Roboto', sans-serif !important;
}

/* UI Components */
.btn, .card, .modal, .dropdown-menu, .nav, .navbar, .breadcrumb, 
.badge, .alert, .table, .pagination, .accordion, .tooltip, 
.popover, .toast {
    font-family: 'Roboto', sans-serif !important;
}

/* Typography Elements */
h1:not(.fa):not(.fas):not(.far):not(.fab):not(.la):not(.las):not(.lab):not(.lal):not(.lad), 
h2:not(.fa):not(.fas):not(.far):not(.fab):not(.la):not(.las):not(.lab):not(.lal):not(.lad), 
h3:not(.fa):not(.fas):not(.far):not(.fab):not(.la):not(.las):not(.lab):not(.lal):not(.lad), 
h4:not(.fa):not(.fas):not(.far):not(.fab):not(.la):not(.las):not(.lab):not(.lal):not(.lad), 
h5:not(.fa):not(.fas):not(.far):not(.fab):not(.la):not(.las):not(.lab):not(.lal):not(.lad), 
h6:not(.fa):not(.fas):not(.far):not(.fab):not(.la):not(.las):not(.lab):not(.lal):not(.lad), 
p:not(.fa):not(.fas):not(.far):not(.fab):not(.la):not(.las):not(.lab):not(.lal):not(.lad), 
span:not(.fa):not(.fas):not(.far):not(.fab):not(.la):not(.las):not(.lab):not(.lal):not(.lad), 
div:not(.fa):not(.fas):not(.far):not(.fab):not(.la):not(.las):not(.lab):not(.lal):not(.lad), 
a:not(.fa):not(.fas):not(.far):not(.fab):not(.la):not(.las):not(.lab):not(.lal):not(.lad), 
label:not(.fa):not(.fas):not(.far):not(.fab):not(.la):not(.las):not(.lab):not(.lal):not(.lad) {
    font-family: 'Roboto', sans-serif !important;
}

/* Admin Panel Specific */
.content-wrapper, .main-header, .main-sidebar, .sidebar, 
.nav-link, .brand-text, .form-group, .col-form-label, 
.table th, .table td, .dataTables_wrapper {
    font-family: 'Roboto', sans-serif !important;
}

/* Select2 Dropdown Elements */
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-dropdown, .select2-results__option {
    font-family: 'Roboto', sans-serif !important;
}

/* DataTables Elements */
.dataTables_wrapper, .dataTables_length, .dataTables_filter, 
.dataTables_info, .dataTables_paginate {
    font-family: 'Roboto', sans-serif !important;
}

/* CKEditor */
.ck-editor__editable {
    font-family: 'Roboto', sans-serif !important;
}

/* FontAwesome Icons - Preserve font family */
.fa, .fas, .far, .fab, .fal, .fad, .fa-solid, .fa-regular, .fa-brands, .fa-light, .fa-duotone,
[class*="fa-"], i[class*="fa-"] {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
    font-weight: 900 !important;
}

.far, .fa-regular {
    font-weight: 400 !important;
}

.fab, .fa-brands {
    font-family: "Font Awesome 5 Brands" !important;
    font-weight: 400 !important;
}

/* Additional specific rules for navigation icons */
.nav-icon, .nav-icon:before, .nav-icon:after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* Sidebar navigation icons */
.main-sidebar .nav-icon, 
.sidebar .nav-icon,
.nav-link .nav-icon {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

/* Ensure FontAwesome icons are not affected by Roboto in admin menu */
.main-sidebar i[class*="fa-"], 
.sidebar i[class*="fa-"],
.nav-pills i[class*="fa-"],
.nav-sidebar i[class*="fa-"] {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}