/* ───────────────────────────────────────────────────────────────
   Gig-Matcher – minimale overrides
──────────────────────────────────────────────────────────────── */

/* donkere header vervangen door lichte dashboard-stijl  – niets te doen,
   komt al uit dashboard.css                                               */

/* titel & select iets compacter */
h1{ margin-top:0; }

/* select dezelfde look als dashboard-dropdowns                       */
#gigSelect{
  height:34px;
  padding:0 8px;
  border:1px solid var(--clr-border);
  border-radius:4px;
  font:400 14px/1.2 var(--ff-base);
  min-width:260px;
}

/* highlight bij match */
.match-green{
  color:#2e7d32 !important;   /* forceert groene tekst */
  font-weight:700;
}

/* tabel hergebruikt dashboard-opmaak, alleen sticky-header erbij   */
#matchTable thead th{
  position:sticky;
  top:0;
  background:#f3f3f3;           /* zelfde grijs als top-nav        */
  z-index:2;
}

/* score-badge kleuren uit oorspronkelijke design                   */
.score{display:inline-block;width:32px;text-align:center;font-weight:700;border-radius:4px;color:#000}
.b6{background:#00c853;color:#fff}
.b5{background:#43a047;color:#fff}
.b4{background:#7cb342}
.b3{background:#ffa000}
.b2{background:#ffb74d}
.b1{background:#ffe082}
.b0{background:#9e9e9e}

/* band + song stacking */
.bandblock{line-height:1.2em}
.bandblock small{display:block;font-size:.8rem;color:#777}



/* referentierij (eerste rij) vet en lichtgrijs    */
tr.refrow{background:#fafafa;font-weight:600}

/* zebra-strepen (alleen tbody)                     */
#matchTable tbody tr:nth-child(even){background:#f9f9f9}

/* responsief: onder 600 px stacked de tabel horizontaal scrollen  */
@media(max-width:599.98px){
  #matchTable{display:block;overflow-x:auto}
  #matchTable table{width:900px}        /* min-breedte om kolommen zichtbaar te houden */
}

/* 2) Extra horizontale ruimte & verticale rij-afstand */
#matchTable th,
#matchTable td{
  padding:18px 16px;      /* ↑ 18 px hoog i.p.v. 9  |  ←→ 16 px zijkanten */
  line-height:1.35;
}

/* 3) Dikke scheidingslijn wanneer de score verandert
      (JS voegt class .score-divider toe – zie hieronder)        */
tr.score-divider td{
  border-top:2px solid var(--clr-row-sep);
}

/* 4) Kolom-afstanden in bandblokken iets luchtiger */
.bandblock{
  line-height:1.3;
}