/* eTapp site typography — match common-dashboard cards (Figtree) */
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&display=swap");

:root {
  --etapp-font-display: "Figtree", "Segoe UI", sans-serif;
  --etapp-font-body: "Figtree", "Segoe UI", sans-serif;
  --etapp-tracking-tight: -0.02em;
  --etapp-tracking-display: -0.025em;
  --etapp-leading-body: 1.55;
  --etapp-leading-display: 1.2;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}

html,
body {
  font-family: var(--etapp-font-body) !important;
  letter-spacing: -0.011em;
}

/* Inherit Figtree everywhere (common-dashboard card look) */
body *:not(script):not(style):not(svg):not(path) {
  font-family: inherit !important;
}

body {
  font-size: 0.95rem;
  line-height: var(--etapp-leading-body);
  /* Keep Dore's normal weight so icon fonts (single-weight) still render */
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.navbar .logo-single,
.navbar .navbar-logo,
.card-title,
.modal-title,
.page-title,
.section-title,
.ae-sr-brand,
.ae-sad-brand,
.ae-ad-brand,
.ae-wd-hero h1,
.ae-cd-badge .ae-cd-title,
.ae-cd-pay-card h5,
.ae-job__title,
.ae-wo-card__title,
.etapp-rpt-hero h1,
.etapp-rpt-tile__body h6,
.etapp-rpt-section-title h5 {
  letter-spacing: var(--etapp-tracking-display);
  line-height: var(--etapp-leading-display);
  font-weight: 700;
}

h1,
.ae-cd-badge .ae-cd-count,
.ae-cd-pay-pill .val,
.ae-job__metric .n {
  font-weight: 800;
  letter-spacing: var(--etapp-tracking-display);
}

h1 {
  font-size: clamp(1.55rem, 2.4vw, 2.05rem);
}

h2 {
  font-size: clamp(1.25rem, 1.8vw, 1.55rem);
}

.btn,
.btn-primary,
.btn-pill,
.ae-sr-btn,
.ae-ad-btn {
  font-weight: 700 !important;
  letter-spacing: -0.015em;
}

label,
.form-group label,
.control-label {
  font-weight: 600;
  letter-spacing: -0.01em;
}

.table th,
table.dataTable thead th,
.etapp-rpt-results th {
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  font-size: 0.78rem;
  text-transform: none;
}

.table td,
table.dataTable tbody td {
  font-weight: 500;
  letter-spacing: -0.01em;
}

.badge,
.ae-sr-badge,
.ae-ad-badge,
.ae-sr-chip,
.ae-ad-chip,
.ae-sad-chip,
.etapp-rpt-badge {
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

.ae-sr-brand,
.ae-sad-brand,
.ae-ad-brand {
  font-weight: 800 !important;
  letter-spacing: var(--etapp-tracking-display) !important;
}

.ae-sr-kicker,
.ae-ad-kicker,
.ae-sad-kicker,
.ae-wd-kicker,
.ae-cd-badge .ae-cd-kicker,
.ae-job__kicker {
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
  font-size: 0.72rem !important;
}

.ae-cd-badge,
.ae-cd-pay-card,
.ae-cd-pay-pill,
.ae-job,
.ae-wo-card,
.ae-wd-tile,
.ae-sr-item,
.ae-ad-item {
  font-family: var(--etapp-font-body) !important;
}

.etapp-rpt-hero h1 {
  font-weight: 800 !important;
  letter-spacing: var(--etapp-tracking-display) !important;
}

.etapp-rpt-hero__sub,
.etapp-rpt-section-title p,
.etapp-rpt-tile__body p {
  font-weight: 500;
  letter-spacing: -0.01em;
}

/*
 * Dore theme + icon-font compatibility
 * Global Figtree inherit must not crush iconsminds / simple-line-icons /
 * Glyphicons / FA, and Dore's br-active { font-weight: 900 } must not hide stars.
 */
[class^="iconsminds-"],
[class*=" iconsminds-"],
[class^="iconsminds-"]::before,
[class*=" iconsminds-"]::before {
  font-family: "iconsminds" !important;
  font-weight: normal !important;
  font-style: normal !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
}

[class^="simple-icon-"],
[class*=" simple-icon-"],
[class^="simple-icon-"]::before,
[class*=" simple-icon-"]::before {
  font-family: "simple-line-icons" !important;
  font-weight: normal !important;
  font-style: normal !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
}

.glyphicon,
.glyphicon::before {
  font-family: "Glyphicons Halflings" !important;
  font-weight: normal !important;
  font-style: normal !important;
}

[class^="fa-"],
[class*=" fa-"],
.fa,
.fas,
.far,
.fab,
[class^="fa-"]::before,
[class*=" fa-"]::before,
.fa::before,
.fas::before,
.far::before,
.fab::before {
  font-family: "Font Awesome 5 Free", "FontAwesome", "Font Awesome 5 Brands" !important;
  font-weight: 900 !important; /* FA solid uses 900; brands/regular override below */
  font-style: normal !important;
}
.far,
.far::before {
  font-weight: 400 !important;
}
.fab,
.fab::before {
  font-family: "Font Awesome 5 Brands", "FontAwesome" !important;
  font-weight: 400 !important;
}

/* Dore chrome that paints icons via ::after / special classes */
.search-sm::after,
.calendar-sm::after,
.baguetteBox-button,
.baguetteBox-button::before {
  font-family: "simple-line-icons" !important;
  font-weight: normal !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
}

.landing-page .video-play-icon span,
.video-js .vjs-icon-placeholder,
.vjs-icon-play {
  font-family: VideoJS !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* jquery-barrating bootstrap-stars (feedback) — Dore sets weight 900 on selected */
.br-theme-bootstrap-stars .br-widget a,
.br-theme-bootstrap-stars .br-widget a::before,
.br-theme-bootstrap-stars .br-widget a::after {
  font-family: "simple-line-icons" !important;
  font-weight: normal !important;
  font-style: normal !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
}
.br-theme-bootstrap-stars .br-widget a.br-active::after,
.br-theme-bootstrap-stars .br-widget a.br-selected::after {
  font-family: "simple-line-icons" !important;
  font-weight: normal !important;
  color: #008ecc;
}