/* .stage-number (het rittennummer-rondje in picks.php, zowel de featured
   kaarten als de "andere etappes"-dropdown/lijst) gebruikt gedeeld
   var(--secondary) als tekstkleur (match-cards.css) — dat is voor giro
   var(--shade) = goud, te weinig contrast op de roze var(--primary)-
   achtergrond. Wit i.p.v. het gedeelde geel voor giro specifiek. */
.stage-number,
.stage-number-stats,
.stage-number-menu {
  color: white;
}

/* Bergklassement-tabelkop: giro's Maglia Azzurra is een effen blauwe trui,
   geen bollenmotief — effen var(--mountain-jersey)-achtergrond i.p.v. het
   gedeelde bolletjespatroon (css/cycling/tables.css), zelfde kleur als de
   .btn-mountain-tabknop. */
#subleague-table[data-color="mountain"] thead tr:first-child th,
#table-mountain thead tr:first-child th {
  background-color: var(--mountain-jersey);
  background-image: none;
  color: var(--white);
}
#subleague-table[data-color="mountain"] thead tr:first-child th span,
#table-mountain thead tr:first-child th span {
  background-color: transparent;
  color: var(--white);
  padding: 0;
}

/* Bergtrui-icoontje (ranking.php's "Jouw keuze"-popup, stats.php,
   my_picks.php): zelfde reden als hierboven — effen var(--mountain-jersey)
   i.p.v. het gedeelde bolletjespatroon (components.css' .icon-bollen). */
.icon-bollen::before {
  background-image: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  color: var(--mountain-jersey);
  -webkit-text-fill-color: var(--mountain-jersey);
}

/* Vergelijk-deelnemers, dropdown B (stats.php): gedeelde --accent-orange
   (components.css) is voor giro een fel oranje/koraal dat niet bij het
   roze/blauwe kleurenschema past — --accent-orange zelf niet aanpassen
   (die wordt ook elders gebruikt, o.a. de "classic"-parcourskleur in
   match-cards.css), dus hier gericht alleen deze dropdown naar
   zwart/donkergrijs. */
.select-cmpB .custom-select-trigger {
  border-color: #333;
}
.select-cmpB.open .custom-select-trigger:after {
  border-top-color: #333;
}

/* "Secundaire" knop (.btn-submit_sec, bv. Annuleren/Reset-knoppen naast een
   primaire actie): gedeeld var(--accent-secondary) is voor giro toevallig
   ook goud (net als vuelta), botst met het roze/blauwe kleurenschema.
   Grijs met zwarte tekst i.p.v. het gedeelde goud, alleen voor deze
   knopklasse — --accent-secondary zelf niet aanpassen (wordt ook elders
   gebruikt, o.a. actieve tabbladen). */
.btn-submit_sec {
  background: #cccccc;
  border-color: #cccccc;
  color: #000;
}
.btn-submit_sec:hover {
  background: #b3b3b3;
  border-color: #b3b3b3;
}

/* Renner-achternaam op de bevestigde-pick-kaart (picks.php): gedeeld
   match-cards.css gebruikt hier var(--secondary) i.p.v. var(--primary)
   (nodig voor tour, waar primary zwart is en de kaart een zwarte
   achtergrond heeft — zwart-op-zwart). giro heeft dat contrastprobleem
   niet (primary is roze) en toont hier liever roze dan het gedeelde goud. */
.rider-lastname {
  color: var(--primary);
}

/* 10e-plek-highlight op de standen (tables.css' .highlight-row) staat
   hardcoded groen voor alle drie de rondes — roze i.p.v. groen voor giro,
   dezelfde waarde als het oude giro/css/base.css vóór de centralisatie. */
.highlight-row {
  background-color: rgba(255, 47, 114, 0.3) !important;
}