/* ==========================================================================
   Uitslagenpagina's uit ISUCalcFS (seizoenen 2012-2013 t/m 2021-2022)
   --------------------------------------------------------------------------
   Deze pagina's zijn gemaakt met ISUCalcFS 3.7.3, de voorganger van
   FS Manager. Ze bevatten geen klassen en geen stylesheet: de kleuren
   staan als bgcolor-attribuut in de HTML zelf. Daarom mikt dit bestand
   op die attributen. Een bgcolor-attribuut is presentatiegedrag met
   specificiteit 0 en verliest het dus altijd van een gewone CSS-regel;
   !important is nergens nodig.

   Dit bestand hoort in de hoofdmap van de site. In elke oude pagina is
   een <link> naar dit bestand toegevoegd. ISUCalcFS genereert die
   pagina's niet meer opnieuw, dus die toevoeging blijft staan.

   De nieuwere seizoenen (vanaf 2022-2023) komen uit FS Manager en
   worden opgemaakt door Styles.css in de seizoensmap.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600&family=Inter:wght@400;500;600&display=swap');

:root{
  --orange:#FC5200;
  --bg:#FFF8F5;
  --ink:#111111;
  --muted:#6B6560;
  --line:#E4DBD5;
  --tint-1:#FFEEE6;
  --tint-2:#FEDDD0;
  --head:"Familjen Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  --body:"Inter","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* ---------- pagina ----------
   body heeft een bgcolor-attribuut (op de uitslagenpagina's zelfs de
   categoriekleur); die wordt hier overschreven. */
body{
  background-color:var(--bg);
  color:var(--ink);
  font-family:var(--body);
  font-size:15px;
  line-height:1.5;
  margin:0;
  padding:0 0 64px;
  -webkit-text-size-adjust:100%;
}
body>div[align="center"]{padding:0 16px}

/* ---------- kopbalk ----------
   Deze pagina's hebben geen banner. De balk wordt hier toegevoegd, zodat
   het archief dezelfde kop krijgt als de rest van de site. */
body::before{
  content:"";
  display:block;
  height:72px;
  margin-bottom:40px;
  background-color:var(--orange);
  background-image:
    url('https://www.schaatsen.nl/static/images/header.png'),
    linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),
    url('images/staatsloterij.svg');
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-position:24px center, 235px center, 247px center;
  background-size:auto 56px, 1px 44px, auto 56px;
}

/* ---------- koppen ---------- */
h2,h3{font-family:var(--head);font-weight:500;margin:0 0 8px;line-height:1.2}
h2{font-size:30px}
h3{font-size:19px;font-weight:400;color:var(--muted)}
caption{padding-bottom:20px}
caption h2,caption h3{display:block}
p{margin:10px 0}

/* ---------- tabellen ---------- */
table{
  border-collapse:collapse;
  margin:24px auto;
  width:auto;
  max-width:1080px;
  background-color:#fff;
  border:0;
}
table[border]{border:0}
th,td{
  border:0;
  border-bottom:1px solid var(--line);
  padding:9px 12px;
  text-align:left;
  font-weight:400;
  vertical-align:middle;
}
th{
  background-color:var(--orange);
  color:#fff;
  font-family:var(--body);
  font-size:13px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  border-bottom:0;
}
/* Op de eventpagina heeft de kolomnamenrij een bgcolor-attribuut; op de
   uitslagenpagina's niet. Daarmee zijn ze te onderscheiden: de eerste
   krijgt de neutrale kleur zodat hij niet samenvalt met de oranje
   categoriebalk eronder, de tweede blijft oranje. */
tr[bgcolor]:has(>th) th{background-color:#3A3A3A}

td[align="center"]{text-align:center}
td[align="right"]{text-align:right}

/* ---------- rijen op de eventpagina ----------
   Een categorierij heeft de naam in de eerste cel; bij de segmentrijen
   eronder is die cel leeg. Daarmee zijn ze te onderscheiden. */
tr[bgcolor]{background-color:transparent}
tr[bgcolor]:not(:has(>th)):not(:has(>td:first-child:empty))>td{
  background-color:var(--orange);
  color:#fff;
  font-weight:600;
  font-size:15px;
  border-bottom:0;
  padding-top:12px;
  padding-bottom:12px;
}
tr[bgcolor]:has(>td:first-child:empty)>td{background-color:var(--tint-1)}
tr[bgcolor]:has(>td:first-child:empty):nth-of-type(even)>td{background-color:var(--tint-2)}

/* zebrastrepen op de uitslagentabellen (daar hebben de rijen geen bgcolor) */
tr:not([bgcolor]):nth-of-type(even)>td{background-color:var(--tint-1)}
tr:hover>td{background-color:#FFE3D6}
tr[bgcolor]:not(:has(>th)):not(:has(>td:first-child:empty)):hover>td{filter:brightness(1.08)}

/* ---------- links ---------- */
a{color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(0,0,0,.28)}
a:hover{color:var(--orange);border-bottom-color:var(--orange)}
a:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
tr[bgcolor]:not(:has(>th)):not(:has(>td:first-child:empty))>td a{
  color:#fff;border-bottom-color:rgba(255,255,255,.55)}
tr[bgcolor]:not(:has(>th)):not(:has(>td:first-child:empty))>td a:hover{
  color:#fff;border-bottom-color:#fff}
/* ISUCalcFS zet deelnemersnamen in een <a> zonder href — dat is geen link */
a:not([href]){border-bottom:0;color:inherit}

/* ---------- navigatie en voettekst onderaan ---------- */
body>div[align="center"]>p{font-size:14px}
body>div[align="center"]>p a{
  display:inline-block;padding:8px 18px;margin:4px 3px;border-radius:40px;
  border:1px solid var(--ink);text-decoration:none}
body>div[align="center"]>p a:hover{background:#fff;color:var(--orange)}
font[size="-1"],font[size="-1"] a{font-size:13px;color:var(--muted)}

/* ---------- smalle schermen ---------- */
@media (max-width:820px){
  body{font-size:14px}
  body::before{height:64px;margin-bottom:28px;
    background-image:url('https://www.schaatsen.nl/static/images/header.png');
    background-position:16px center;background-size:auto 40px}
  h2{font-size:24px}
  h3{font-size:17px}
  th,td{padding:7px 8px;font-size:13px}
  table{width:100%}
}
@media print{
  body::before{display:none}
  body{background:#fff}
}