/**
 * EEB AAQD Transposition Tracker - frontend styles.
 *
 * All rules are scoped under `.eeb-aqt` to reach specificity (0,2,0) and
 * beat BeTheme / betheme-child generic selectors (bare h1-h6, p, table,
 * a, ul, etc.). Targeted `!important` is used only where the theme forces
 * its own defaults via !important or deeper selectors.
 *
 * Palette and typography aligned to the EEB brand used in the mock.
 * Final polish after Guglielmo's Figma.
 */

/* Theme overrides: hide BeTheme's auto-injected page-title band so the
   plugin renders flush against the site header. The .eeb-aqt-page body
   class is added by inc/template.php on the tracker page and on every
   single country_status. */
body.eeb-aqt-page .header-image-position,
body.eeb-aqt-page .header-image-wrapper,
body.eeb-aqt-page .subheader { display: none !important; }

.eeb-aqt {
  /* Score palette — single source of truth, also read by tracker.js via
     getComputedStyle. Keep in sync across plugin if ever changed. */
  --score-0: #FFFFFF;
  --score-1: #CDDAFC;
  --score-2: #7E9AD0;
  --score-3: #4768B0;
  --score-4: #2C478C;
  --score-5: #172549;

  /* Map categories */
  --map-sea:        #EBF0FF;
  --country-stroke: #172549;
  --non-eu-fill:    #FFFFFF;

  /* EEB brand */
  --eeb-navy:        var(--score-4);
  --eeb-navy-dark:   var(--score-5);
  --eeb-blue:        #0094D2;
  --eeb-badge-bg:    var(--score-1);
  --eeb-lime:        #C7DF4D;
  --eeb-lime-dark:   #ACC62A;
  --eeb-lime-text:   #1C3905;
  --eeb-orange:      #E76937;

  /* Neutrals */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F3F4F4;
  --neutral-100: #EFF2F2;
  --neutral-200: #E7E9E8;
  --neutral-500: #4D4D4E;
  --neutral-600: #475569;

  /* Semantic */
  --text:          var(--neutral-500);
  --text-muted:    var(--neutral-600);
  --border:        var(--neutral-200);
  --card-bg:       var(--neutral-0);

  /* Typography */
  --font-heading: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body:    "Open Sans", Arial, Tahoma, sans-serif;

  /* Shape */
  --radius-card:   16px;
  --radius-button: 8px;
  --radius-pill:   999px;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-s:  0.5rem;
  --space-m:  1rem;
  --space-l:  1.5rem;
  --space-xl: 1.875rem;
  --space-2xl: 3rem;

  max-width: 1240px;
  margin: 0 auto;
  padding: var(--space-2xl) var(--space-l);
  font-family: var(--font-body) !important;
  color: var(--text);
  line-height: 1.5;
  box-sizing: border-box;
}

.eeb-aqt *,
.eeb-aqt *::before,
.eeb-aqt *::after { box-sizing: border-box; }

/* ---------- Internal reset (beats BeTheme reset) ---------- */

.eeb-aqt h1,
.eeb-aqt h2,
.eeb-aqt h3,
.eeb-aqt h4 {
  margin: 0 !important;
  padding: 0;
  font-weight: 700;
  line-height: 1.2;
  color: var(--eeb-navy);
}

.eeb-aqt p {
  margin: 0 !important;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: var(--text);
}

.eeb-aqt ul,
.eeb-aqt ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.eeb-aqt li {
  margin: 0;
  padding: 0;
}

.eeb-aqt a {
  color: var(--eeb-blue);
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.eeb-aqt a:hover,
.eeb-aqt a:focus-visible { color: var(--eeb-navy); }

.eeb-aqt button {
  font: inherit;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  color: inherit;
}

.eeb-aqt table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border-radius: 0;
  margin: 0 !important;
}

.eeb-aqt th,
.eeb-aqt td {
  border: none;
  padding: 0;
  font-weight: inherit;
  text-align: left;
  vertical-align: top;
}

.eeb-aqt__container { display: flex; flex-direction: column; gap: var(--space-2xl); }

/* ---------- Intro ---------- */

.eeb-aqt .eeb-aqt__intro { max-width: 780px; }
.eeb-aqt .eeb-aqt__eyebrow {
  font-family: var(--font-heading) !important;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--eeb-navy);
  margin: 0 0 var(--space-s) !important;
}
.eeb-aqt .eeb-aqt__title {
  font-family: var(--font-heading) !important;
  font-weight: 600;
  font-size: clamp(2rem, 4vw, 2.75rem);
  line-height: 1.1;
  color: var(--eeb-navy);
  margin: 0 0 var(--space-m) !important;
}
.eeb-aqt .eeb-aqt__lead { font-size: 1.125rem; line-height: 1.55; margin: 0 !important; }
.eeb-aqt .eeb-aqt__meta { margin: var(--space-m) 0 0 !important; font-size: 0.8125rem; color: var(--text-muted); }

/* Rich-text intro body authored via the WP page editor. Inherits the
   plugin font stack but lets the editor's own paragraph/list/link markup
   render naturally so EEB editors get WYSIWYG fidelity. */
.eeb-aqt .eeb-aqt__intro-body {
  max-width: 780px;
  font-family: var(--font-body) !important;
  font-size: 1rem;
  line-height: 1.5;
  color: #475569;
}
.eeb-aqt .eeb-aqt__intro-body p { margin: 0 0 16px !important; }
.eeb-aqt .eeb-aqt__intro-body p:last-child { margin-bottom: 0 !important; }
.eeb-aqt .eeb-aqt__intro-body a { color: var(--eeb-navy); text-decoration: underline; }
.eeb-aqt .eeb-aqt__intro-body ul,
.eeb-aqt .eeb-aqt__intro-body ol { margin: 0 0 16px 1.25em !important; padding: 0; }
.eeb-aqt .eeb-aqt__intro-body li { margin-bottom: 4px; }

/* ---------- Main grid ---------- */

.eeb-aqt .eeb-aqt__layout {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: var(--space-xl);
  align-items: start;
}
@media (max-width: 900px) {
  .eeb-aqt .eeb-aqt__layout { grid-template-columns: 1fr; }
}

/* ---------- Map (palette from Figma node 414:7351) ---------- */

.eeb-aqt .eeb-aqt__map-wrap {
  position: relative;
  background: var(--map-sea);
  border-radius: var(--radius-card);
  padding: var(--space-l);
}

.eeb-aqt .eeb-aqt__map-mount { width: 100%; }
.eeb-aqt .eeb-aqt__map {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 1 / 1;
}

.eeb-aqt .eeb-aqt__map path {
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke: var(--country-stroke);
  stroke-width: 1;
  transition: fill 150ms ease, stroke-width 120ms ease;
  outline: none;
}

/* Extra-EU countries: white fill, same navy stroke as EU, non-interactive. */
.eeb-aqt .eeb-aqt__country--non-eu {
  fill: var(--non-eu-fill);
  pointer-events: none;
}

.eeb-aqt .eeb-aqt__country--eu {
  cursor: pointer;
  /* hit-test fill only so hover stroke doesn't steal clicks from neighbours */
  pointer-events: fill;
}

/* EU-27 with no data yet: diagonal stripe pattern (white 4px on #EBF0FF
   4px, rotated 45°) so it reads as "in scope, waiting" and is distinct
   from the solid-white extra-EU fill. The pattern is applied inline via
   fill="url(#eeb-aqt-no-data)" by tracker.js — no CSS fill here, which
   would otherwise override the inline attribute reference. */

.eeb-aqt .eeb-aqt__country--eu:hover,
.eeb-aqt .eeb-aqt__country--eu:focus-visible {
  stroke-width: 2;
}

.eeb-aqt .eeb-aqt__country--selected,
.eeb-aqt .eeb-aqt__country--selected:hover {
  stroke-width: 2;
}

/* ---------- Tooltip ---------- */

.eeb-aqt .eeb-aqt__tooltip {
  position: absolute;
  pointer-events: none;
  background: var(--eeb-navy-dark);
  color: var(--neutral-0);
  font-family: var(--font-body) !important;
  font-size: 0.8125rem;
  line-height: 1.4;
  padding: 8px 12px;
  border-radius: var(--radius-button);
  white-space: nowrap;
  opacity: 0;
  transform: translate(-50%, -140%);
  transition: opacity 100ms ease;
  z-index: 10;
  box-shadow: 0 4px 12px rgba(23, 37, 73, 0.15);
  text-align: left;
}
.eeb-aqt .eeb-aqt__tooltip.is-visible { opacity: 1; }
.eeb-aqt .eeb-aqt__tooltip strong {
  color: var(--neutral-0);
  font-family: var(--font-heading) !important;
  font-weight: 700;
  font-size: 0.9375rem;
}

/* ---------- Panel (Figma node 436:1971) ---------- */

.eeb-aqt .eeb-aqt__panel {
  background: var(--map-sea);
  border: 1px solid var(--score-1);
  border-radius: 24px;
  padding: 24px 8px 8px;
  align-self: start;
  position: sticky;
  top: var(--space-l);
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 360px;
  max-width: 100%;
  box-sizing: border-box;
}
.eeb-aqt .eeb-aqt__panel-placeholder {
  color: var(--text-muted);
  font-style: italic;
  margin: 0 !important;
  padding: 0 16px 16px;
  font-size: 0.9375rem;
}

/* Header: country name + overall score circle */
.eeb-aqt .eeb-aqt__panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 16px;
}
.eeb-aqt .eeb-aqt__panel-name {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  font-size: 1.75rem !important;
  line-height: 1.1429 !important;
  color: var(--eeb-navy);
  margin: 0 !important;
}
.eeb-aqt .eeb-aqt__panel-score-wrap {
  position: relative;
  width: 72px;
  height: 72px;
  flex-shrink: 0;
}
/* Scale the shared 88x88 overall circle down to fit the 72px panel slot */
.eeb-aqt .eeb-aqt__panel-score-wrap .eeb-aqt-overall,
.eeb-aqt .eeb-aqt__panel-score-wrap .eeb-aqt-overall__svg { width: 72px; height: 72px; }
.eeb-aqt .eeb-aqt__panel-score-wrap .eeb-aqt-overall__score { font-size: 2rem; }
.eeb-aqt .eeb-aqt__panel-score-wrap .eeb-aqt-overall__max { font-size: 1rem; }
.eeb-aqt .eeb-aqt__panel-intro {
  margin: 0 !important;
  padding: 0 16px;
  font-family: var(--font-body) !important;
  font-size: 0.875rem;
  line-height: 1.4286;
  color: var(--eeb-text);
}

/* Pillars card with tip indicator as a ::before. A rotated square with
   navy top+left borders produces a diamond whose upper two edges form the
   "^" outline; the white fill covers the card's top border underneath so
   the card outline reads as continuous with the arrow. Horizontal center
   is aligned with the overall circle center: card padding-right 24 + gap
   visually matches the header padding-right 16 + half-circle 36 = 52px
   inset from the card's inner right edge. */
.eeb-aqt .eeb-aqt__panel-pillars {
  position: relative;
  background: #FFFFFF;
  border: 1px solid var(--eeb-navy);
  border-radius: 16px;
  padding: 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.eeb-aqt .eeb-aqt__panel-pillars::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 46px;
  width: 10px;
  height: 10px;
  background: #FFFFFF;
  border-top: 1px solid var(--eeb-navy);
  border-left: 1px solid var(--eeb-navy);
  transform: rotate(45deg);
  pointer-events: none;
}
.eeb-aqt .eeb-aqt__panel-pillar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 34px;
}
.eeb-aqt .eeb-aqt__panel-pillar-label {
  font-family: var(--font-body) !important;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.4286;
  color: var(--eeb-navy);
  flex: 1;
}
.eeb-aqt .eeb-aqt__panel-pillar-score {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
}
.eeb-aqt .eeb-aqt__panel-pillar-value {
  font-family: var(--font-heading) !important;
  line-height: 1;
  white-space: nowrap;
}
.eeb-aqt .eeb-aqt__panel-pillar-num {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--eeb-navy);
  line-height: 1.2;
}
.eeb-aqt .eeb-aqt__panel-pillar-max {
  font-size: 1rem;
  font-weight: 700;
  color: #5C74B3;
  margin-left: 1px;
}
.eeb-aqt .eeb-aqt__panel-pillar-divider {
  border: none;
  border-top: 1px solid var(--score-1);
  margin: 0;
}

/* Risk card (same row shape, red-tinted border) */
.eeb-aqt .eeb-aqt__panel-risk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  background: #FFFFFF;
  border: 1px solid #F4ABAB;
  border-radius: 16px;
  padding: 16px 24px;
  min-height: 34px;
}
.eeb-aqt .eeb-aqt__panel-risk-label {
  font-family: var(--font-body) !important;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.4286;
  color: #C14242;
  flex: 1;
}
.eeb-aqt .eeb-aqt__panel-risk-score {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
}
.eeb-aqt .eeb-aqt__panel-risk-value { font-family: var(--font-heading) !important; line-height: 1; white-space: nowrap; }
.eeb-aqt .eeb-aqt__panel-risk-num { font-size: 1.25rem; font-weight: 700; color: #C14242; line-height: 1.2; }
.eeb-aqt .eeb-aqt__panel-risk-max { font-size: 1rem; font-weight: 700; color: #926965; margin-left: 1px; }

/* Participation pill row */
.eeb-aqt .eeb-aqt__panel-participation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  background: #FFFFFF;
  border: 1px solid var(--score-1);
  border-radius: 16px;
  padding: 16px 24px;
}
.eeb-aqt .eeb-aqt__panel-participation-label {
  font-family: var(--font-body) !important;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.4286;
  color: #475569;
  flex: 1;
}
.eeb-aqt .eeb-aqt__panel-participation-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--map-sea);
  border-radius: 8px;
  padding: 6px 10px;
  font-family: var(--font-heading) !important;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.25;
  color: #475569;
}
.eeb-aqt .eeb-aqt__panel-participation-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #8B96A4;
  display: inline-block;
  flex-shrink: 0;
}

/* CTA "Discover more" lime button (EEB brand) */
.eeb-aqt .eeb-aqt__panel-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--eeb-lime);
  border: none;
  color: var(--eeb-lime-text) !important;
  text-decoration: none !important;
  border-radius: 16px;
  padding: 12px 16px;
  font-family: var(--font-heading) !important;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3625;
  transition: background 160ms ease;
}
.eeb-aqt .eeb-aqt__panel-cta:hover,
.eeb-aqt .eeb-aqt__panel-cta:focus-visible { background: var(--eeb-lime-dark); color: var(--eeb-lime-text) !important; }

/* ---------- Shared dots (map side panel shares markup with single page) ---------- */

.eeb-aqt .eeb-aqt-dots { display: inline-flex; align-items: center; gap: 2px; }
.eeb-aqt .eeb-aqt-dots__dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFFFFF;
  border: 1px solid var(--score-1);
  transition: background-color 200ms ease, border-color 200ms ease, opacity 380ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 380ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.eeb-aqt .eeb-aqt-dots--pillar .eeb-aqt-dots__dot--p1.eeb-aqt-dots__dot--filled { background: var(--score-1); border-color: #7B93D0; }
.eeb-aqt .eeb-aqt-dots--pillar .eeb-aqt-dots__dot--p2.eeb-aqt-dots__dot--filled { background: var(--score-2); border-color: #7B93D0; }
.eeb-aqt .eeb-aqt-dots--pillar .eeb-aqt-dots__dot--p3.eeb-aqt-dots__dot--filled { background: var(--score-3); border-color: transparent; }
.eeb-aqt .eeb-aqt-dots--pillar .eeb-aqt-dots__dot--p4.eeb-aqt-dots__dot--filled { background: var(--score-4); border-color: transparent; }
.eeb-aqt .eeb-aqt-dots--pillar .eeb-aqt-dots__dot--p5.eeb-aqt-dots__dot--filled { background: var(--score-5); border-color: transparent; }
.eeb-aqt .eeb-aqt-dots--risk .eeb-aqt-dots__dot { border-color: #D06E6E; }
.eeb-aqt .eeb-aqt-dots--risk .eeb-aqt-dots__dot--p1.eeb-aqt-dots__dot--filled { background: #E58888; border-color: #E58888; }
.eeb-aqt .eeb-aqt-dots--risk .eeb-aqt-dots__dot--p2.eeb-aqt-dots__dot--filled { background: #D15E5E; border-color: #D15E5E; }
.eeb-aqt .eeb-aqt-dots--risk .eeb-aqt-dots__dot--p3.eeb-aqt-dots__dot--filled { background: #C14242; border-color: #C14242; }
.eeb-aqt .eeb-aqt-dots--risk .eeb-aqt-dots__dot--p4.eeb-aqt-dots__dot--filled { background: #A32F2F; border-color: #A32F2F; }
.eeb-aqt .eeb-aqt-dots--risk .eeb-aqt-dots__dot--p5.eeb-aqt-dots__dot--filled { background: #7A1F1F; border-color: #7A1F1F; }
.eeb-aqt .eeb-aqt-dots.is-animating .eeb-aqt-dots__dot { opacity: 0; transform: scale(0.5); }
.eeb-aqt .eeb-aqt-dots.is-animating .eeb-aqt-dots__dot.is-lit { opacity: 1; transform: scale(1); }

/* Overall circle core rules duplicated here so the map side panel renders
   correctly even if country-single.css is not loaded on the tracker page. */
.eeb-aqt .eeb-aqt-overall { position: relative; display: inline-flex; width: 88px; height: 88px; flex-shrink: 0; }
.eeb-aqt .eeb-aqt-overall__svg { width: 88px; height: 88px; }
.eeb-aqt .eeb-aqt-overall__value {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  font-family: var(--font-heading) !important;
  color: var(--eeb-navy);
  line-height: 1;
}
.eeb-aqt .eeb-aqt-overall__score { font-size: 2.5rem; font-weight: 700; line-height: 1; color: var(--eeb-navy); }
.eeb-aqt .eeb-aqt-overall__max { font-size: 1.25rem; font-weight: 700; color: var(--eeb-navy); margin-left: 1px; }

/* ---------- List / table ---------- */

/* Table section ("All countries") — Figma node 469:916.
   No outer border/background; the title/description block sits flush above
   the header row. Header row has a navy underline, data rows have pale navy
   separators above and below. Dots and N/5 match the single-page pattern. */
.eeb-aqt .eeb-aqt__list {
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: visible;
}
.eeb-aqt .eeb-aqt__list-header {
  background: transparent;
  padding: 0;
  border: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
.eeb-aqt .eeb-aqt__list-header h2 {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  font-size: 1.75rem !important;
  line-height: 1.1429 !important;
  color: var(--eeb-navy) !important;
  margin: 0 !important;
}
.eeb-aqt .eeb-aqt__list-header p {
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  color: #475569 !important;
  margin: 0 !important;
}

.eeb-aqt .eeb-aqt__table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 !important;
  background: transparent;
}
.eeb-aqt .eeb-aqt__table thead tr {
  border-bottom: 1px solid var(--eeb-navy);
}
.eeb-aqt .eeb-aqt__table thead th {
  text-align: left;
  padding: 8px 16px;
  background: transparent;
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  line-height: 1.4286 !important;
  color: var(--eeb-navy) !important;
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
}
.eeb-aqt .eeb-aqt__table .eeb-aqt__tbl-th-more {
  width: 128px;
  text-align: center;
}
.eeb-aqt .eeb-aqt__table tbody tr {
  border-top: 1px solid #CDDAFC;
  border-bottom: 1px solid #CDDAFC;
  cursor: pointer;
  transition: background-color 160ms ease;
}
.eeb-aqt .eeb-aqt__table tbody tr:hover,
.eeb-aqt .eeb-aqt__table tbody tr:focus-visible,
.eeb-aqt .eeb-aqt__table tr.is-selected {
  background: var(--map-sea);
  outline: none;
}
.eeb-aqt .eeb-aqt__table tbody td {
  padding: 16px;
  background: transparent;
  font-family: var(--font-body) !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  color: #475569 !important;
  vertical-align: middle;
}
/* Selector specificity (0,3,1) > td base (0,2,2): needed because BeTheme
   pushes td rules hard enough that a bare class loses the cascade. */
.eeb-aqt .eeb-aqt__table tbody td.eeb-aqt__tbl-name {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
  color: #475569 !important;
}

/* Score cell: "N/5" + 5 dots. Dots bumped to 12/4 to match Figma spec
   (tracker.css default is 8/2 for the side panel; table override wins). */
.eeb-aqt .eeb-aqt__tbl-score { display: inline-flex; align-items: center; gap: 8px; }
.eeb-aqt .eeb-aqt__tbl-score .eeb-aqt-dots { gap: 4px; }
.eeb-aqt .eeb-aqt__tbl-score .eeb-aqt-dots__dot { width: 12px; height: 12px; }
.eeb-aqt .eeb-aqt__tbl-num {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
}
.eeb-aqt .eeb-aqt__tbl-num-val {
  font-size: 1.25rem;
  line-height: 1.2;
  color: var(--eeb-navy);
}
.eeb-aqt .eeb-aqt__tbl-max {
  font-size: 1rem;
  line-height: 1.25;
  color: #5C74B3;
}
.eeb-aqt .eeb-aqt__tbl-score--risk .eeb-aqt__tbl-num-val { color: #C14242; }
.eeb-aqt .eeb-aqt__tbl-score--risk .eeb-aqt__tbl-max { color: #926965; }

/* Not-started pill (no overall or risk data yet) */
.eeb-aqt .eeb-aqt__tbl-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 8px;
  background: var(--map-sea);
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  line-height: 1.6667 !important;
  color: #475569 !important;
}

/* Discover more chevron button. Hover = pale-navy fill one step darker
   than the row hover bg (#EBF0FF -> #CDDAFC), no border. */
.eeb-aqt .eeb-aqt__tbl-more-cell {
  width: 128px;
  text-align: center;
}
.eeb-aqt .eeb-aqt__tbl-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: transparent;
  color: #475569;
  text-decoration: none !important;
  transition: background-color 160ms ease;
}
.eeb-aqt .eeb-aqt__tbl-more:hover,
.eeb-aqt .eeb-aqt__tbl-more:focus-visible {
  background: #CDDAFC;
  outline: none;
}
.eeb-aqt .eeb-aqt__tbl-more-icon { display: block; }

/* Below 600px drop the Discover more column. Row click still selects the
   country on the map, and the side panel CTA covers the link-through. */
@media (max-width: 600px) {
  .eeb-aqt .eeb-aqt__table .eeb-aqt__tbl-th-more,
  .eeb-aqt .eeb-aqt__table .eeb-aqt__tbl-more-cell {
    display: none;
  }
}

/* ---------- Funders strip (bottom of tracker page) ----------
   Editorial logos sourced via the funders_logos repeater on the tracker
   Page. Layout is a simple flex row that wraps; logos cap at 80px tall
   with object-fit: contain so disparate aspect ratios stay visually
   balanced without distortion. */
.eeb-aqt .eeb-aqt__funders {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  padding-top: 24px;
  border-top: 1px solid #CDDAFC;
}
.eeb-aqt .eeb-aqt__funders-title {
  font-family: var(--font-heading) !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  line-height: 1.4286 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--eeb-navy) !important;
  margin: 0 !important;
}
.eeb-aqt .eeb-aqt__funders-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 32px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.eeb-aqt .eeb-aqt__funder { margin: 0; }
.eeb-aqt .eeb-aqt__funder-link {
  display: inline-block;
  text-decoration: none !important;
  transition: opacity 160ms ease;
}
.eeb-aqt .eeb-aqt__funder-link:hover,
.eeb-aqt .eeb-aqt__funder-link:focus-visible { opacity: 0.75; }
.eeb-aqt .eeb-aqt__funder-img {
  display: block;
  height: 80px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
}

.eeb-aqt :focus-visible { outline: 3px solid var(--eeb-lime); outline-offset: 2px; border-radius: 2px; }