/**
 * Site-wide typography: body/UI 12px, headings 14px.
 * Loaded after style.bundle.css so Metronic rem/fs-* utilities are overridden.
 */
:root {
    --bs-body-font-size: 12px;
    --bs-root-font-size: 12px;
}

html {
    font-size: 12px !important;
}

body {
    font-size: 12px !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.page-heading,
.card-title,
.card-label,
.modal-title,
.accordion-button,
.fs-1, .fs-2, .fs-3, .fs-4, .fs-5, .fs-6 {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

/* General UI text */
.fs-7, .fs-8, .fs-9, .fs-10,
.form-label,
label,
.form-control,
.form-select,
.form-check-label,
.form-text,
.btn,
.badge,
.nav-link,
.menu-link,
.menu-title,
.breadcrumb,
.breadcrumb-item,
.dropdown-item,
.list-group-item,
.table,
.table th,
.table td,
.dataTables_wrapper,
.dataTables_info,
.dataTables_paginate,
.dataTables_length,
.dataTables_filter,
.select2-container--bootstrap5 .select2-selection--single,
.select2-container--bootstrap5 .select2-selection--multiple,
.select2-container--bootstrap5 .select2-results__option,
.select2-container--bootstrap5 .select2-selection__rendered,
.flatpickr-calendar,
.swal2-popup,
.swal2-title,
.swal2-html-container,
.swal2-content,
.toast,
.tooltip,
.popover,
.alert,
.page-title,
.app-navbar,
.app-sidebar,
.app-footer,
input,
select,
textarea,
button {
    font-size: 12px !important;
}

/* Keep heading utility on page titles above body text */
.page-heading.fs-1,
.page-heading.fs-2,
.page-heading.fs-3,
.page-heading.fs-4,
h1.page-heading,
.modal-title,
.card-title {
    font-size: 14px !important;
}