/* Header/nav-tekst: gedeeld header.css gebruikt witte tekst op de
   var(--primary)-achtergrond (klopt voor giro/vuelta). Tour's primary is
   zwart en de titel/nav-links moeten daar geel (--secondary, Tour Geel) op
   zijn i.p.v. wit — achtergrond blijft gewoon var(--primary) (zwart),
   alleen de tekstkleur wijkt af. */
.main-header,
.full-nav a {
  color: var(--secondary);
}

/* 10e-plek-highlight op de standen (tables.css' .highlight-row) staat
   hardcoded groen voor alle drie de rondes — geel i.p.v. groen voor tour. */
.highlight-row {
  background-color: rgba(254, 252, 0, 0.35) !important;
}

/* h2 binnen een .box-kaart: zwarte balk over de volledige breedte van de
   kaart (negatieve margin cancelt de 1rem box-padding, zie components.css
   .box), gele tekst i.p.v. de gedeelde var(--primary)-tekstkleur zonder
   achtergrond. Ronde bovenhoeken matchen de kaart zelf (var(--radius-md)).
   Geen eigen font-size: die zette tour vast op 1.4rem en won (overrides.css
   laadt als laatste) ook van de mobiele 1.3rem uit css/cycling/base.css,
   waardoor de titels bij tour op mobiel groter waren dan bij giro/vuelta. */
h2 {
  color: var(--secondary);
  background-color: var(--primary);
  border-radius: 8px;
  padding: 8px 12px;
}

/* "Etappe uitslag"-balk boven de etappe-top10-tabel (picks.php, ná afloop
   van een etappe): zwarte bg, gele tekst, gele onderrand i.p.v. de gedeelde
   grijze bg met var(--primary)-tekst. */
.stage-ended-text {
  background: var(--primary);
  color: var(--secondary);
  border-bottom: 3px solid var(--secondary);
}

/* "Jaune"-tabblad op ranking.php: zwarte bg, gele tekst i.p.v. de gedeelde
   var(--gc-jersey)/var(--gc-jersey-text) (geel bg/zwarte tekst — dat is
   uiteindelijk toch niet gewenst voor de knop zelf, wel voor de tabelkop
   hierboven). */
.btn-gc {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--secondary);
}

/* Tweede th-rij van de GC-tabel (#/Naam/Tijd-kolomkoppen): gele tekst. */
#table-gc thead tr:nth-child(2) th,
#subleague-table[data-color="gc"] thead tr:nth-child(2) th {
  color: var(--secondary);
}

/* "Update Stand"-knop (admin-only, ranking.php): gele tekst i.p.v. het
   gedeelde wit — zie het id in ranking.php. */
#btn-update-stand {
  color: var(--secondary);
}

/* GC-truicoontje (stats.php/my_picks.php/ranking.php's "Jouw keuze"-popup):
   zwarte achtergrond i.p.v. het gedeelde wit — rand/icoonkleur blijven geel
   via var(--gc-jersey), die is al correct. */
.icon-gc {
  background: var(--primary);
}

/* Tabelkoppen (th) op stats.php/my_picks.php (.table-stats): gele tekst
   i.p.v. de gedeelde var(--text-color), zelfde reden als de andere
   zwart/geel-aanpassingen hierboven. */
.table-stats thead th {
  color: var(--secondary);
}

/* Mobiele kolom-toggle op stats.php/my_picks.php (.table-controls,
   dezelfde markup als ranking.php's klassement-toggle, zie
   css/cycling/tables.css): het bergtrui/GC-icoontje krijgt daar een witte
   cirkel-achtergrond zodra actief — zwart i.p.v. wit, met een gele rand,
   zodat het bij de rest van .icon-gc past. !important nodig om de gedeelde
   @media (max-width: 499px)-regel te verslaan. */
@media (max-width: 499px) {
  .table-controls .btn-toggle.active i.fa-shirt.icon-gc {
    background: var(--primary) !important;
    border: 2px solid var(--secondary);
  }
}

/* Vergelijk Deelnemers (stats.php), 2e dropdown (Deelnemer B): gedeeld
   var(--accent-orange) is voor tour lastig te onderscheiden van de zwarte
   knoppen/randen elders op de pagina. Donkergeel (--secondary-dark)
   i.p.v. het felle --secondary, dat te weinig contrast geeft als dunne
   rand op wit. */
.select-cmpB .custom-select-trigger {
  border-color: var(--secondary-dark);
}
.select-cmpB.open .custom-select-trigger:after {
  border-top-color: var(--secondary-dark);
}