/*
 * DXT typography layer — self-hosted Lato.
 * Loaded after the legacy and DXT presentation styles so the typeface is
 * consistent without changing page structure or component behaviour.
 */
@font-face {
  font-family: "Lato";
  src: url("fonts/lato/lato-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Lato";
  src: url("fonts/lato/lato-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --dxt-font-brand: "Lato", Arial, sans-serif;
  --dxt-font-secondary: "Lato", Arial, sans-serif;
  --dxt-ui-font: "Lato", Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
option,
.form-control,
.select2-container,
.select2-container *:not(i),
.dropdown-menu,
.dropdown-menu *:not(i),
.modal,
.modal *:not(i),
.panel,
.panel *:not(i),
.card,
.card *:not(i),
.nav-menu,
.nav-menu *:not(i),
.page-header,
.page-header *:not(i),
.page-footer,
.page-footer *:not(i),
.dataTables_wrapper,
.dataTables_wrapper *:not(i),
.jodit-container,
.jodit-container *:not(i) {
  font-family: var(--dxt-ui-font) !important;
}

body .page-wrapper :is(
  p,
  a,
  span,
  small,
  label,
  li,
  td,
  button,
  input,
  select,
  textarea,
  option,
  .btn,
  .form-control,
  .dropdown-item,
  .nav-link,
  .badge
) {
  font-family: var(--dxt-ui-font) !important;
  font-weight: 400 !important;
}

body .page-wrapper :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6,
  .page-title,
  .panel-title,
  .card-title,
  .modal-title,
  legend,
  th
) {
  font-family: var(--dxt-ui-font) !important;
  font-weight: 700 !important;
}