/**
 * EUDR Tracer — Global typography (Google Fonts)
 * Inter: body UI text | Poppins: headings & brand
 */

:root {
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-heading: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Bootstrap 5 */
  --bs-font-sans-serif: var(--font-sans);
  --bs-body-font-family: var(--font-sans);
  --bs-headings-font-family: var(--font-heading);
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea,
optgroup,
.form-control,
.form-select,
.form-label,
.btn,
.table,
.dropdown-menu,
.dropdown-item,
.modal-content,
.modal-title,
.alert,
.badge,
.nav-link,
.pagetitle,
.breadcrumb,
.card,
.card-title,
.card-header,
#footer,
#header,
#sidebar,
.sidebar,
.header,
.main,
.dt-button,
.dataTables_wrapper,
.select2-container,
.toast,
.swal2-popup {
  font-family: var(--font-sans);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.pagetitle h1,
.logo span,
.card-title,
.modal-title,
.sidebar-brand-name,
.page-title,
.page-header-left .page-title {
  font-family: var(--font-heading);
  font-weight: 600;
}

/* Portal / Smarthr shell */
.main-wrapper,
.page-wrapper,
.header .header-left,
.header .user-menu,
.sidebar-menu,
.sidebar-menu ul li a,
.page-title,
.breadcrumb,
.form-group label,
.input-group-text,
.table thead th {
  font-family: var(--font-sans) !important;
}

/* DataTables */
table.dataTable thead th,
table.dataTable tbody td,
div.dt-container .dt-search input,
div.dt-container .dt-length select {
  font-family: var(--font-sans) !important;
}

/* Login & standalone pages */
.input-wrapper input,
.btn-login,
.form-header h2 {
  font-family: var(--font-sans);
}

.form-header h2,
.left-content h1,
.brand-name,
.sidebar-brand-name {
  font-family: var(--font-heading) !important;
}

/* Override portal Smarthr CircularStd when typography.css loads after portal style.css */
body,
.main-wrapper,
.page-wrapper,
.content,
.card,
.card-body,
.btn,
input,
select,
textarea {
  font-family: var(--font-sans) !important;
}

h1, h2, h3, h4, h5, h6,
.page-title,
.breadcrumb-item.active {
  font-family: var(--font-heading) !important;
}

/* ── Modal headers — white text, green background everywhere ── */
.modal-header {
  background: linear-gradient(135deg, #064e3b, #047857) !important;
  border-bottom: none !important;
}

.modal-header *,
.modal-header .modal-title,
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6,
.modal-header p,
.modal-header small,
.modal-header span:not(.badge),
.modal-header i,
.modal-header a,
.modal-header label {
  color: #ffffff !important;
}

.modal-header .btn-close {
  filter: invert(1) brightness(2) !important;
  opacity: 0.8 !important;
}
.modal-header .btn-close:hover {
  opacity: 1 !important;
}