/*
 * SPDX-FileCopyrightText: 2021 Jani Lehtinen
 * SPDX-FileCopyrightText: 2021 Markus Ijäs
 * SPDX-FileCopyrightText: 2021 Markus Murto
 *
 * SPDX-License-Identifier: MIT
 */

:root {
  --spacing: 0.25rem;
  --form-element-spacing-vertical: 0.25rem;
  --form-element-spacing-horizontal: 0.33rem;
  --nav-link-spacing-vertical: 0.25rem;
  --nav-link-spacing-horizontal: 0.33rem;
  --nav-element-spacing-vertical: 0.67rem;
  --nav-element-spacing-horizontal: 0.33rem;
}

body {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
}

#site-header {
  z-index: 99;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background-color: var(--background-color);
  border-style: none none solid none;
  border-width: 1px;
  border-color: var(--primary);
}

#site-header #main-nav li {
  margin: 0 1px;
}

#site-header #main-nav a {
  background-color: var(--primary);
  border-radius: 0;
  color: var(--primary-inverse);
  /*padding: calc(var(--spacing) * 0.2) calc(var(--spacing) * 0.3);*/
}

#site-header #main-nav a.active {
  background-color: var(--primary-focus);
  color: var(--primary);
}

#site-header #main-nav li:first-child a {
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

#site-header #main-nav li:last-child a {
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}

body > main {
  margin-top: 2rem;
}

body > footer {
  bottom: 0;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
}

body > footer p {
  margin-bottom: calc(var(--typography-spacing-vertical) * 0.5);
  margin-top: calc(var(--typography-spacing-vertical) * 0.5);
}

article header li {
  padding: calc(var(--nav-element-spacing-vertical) * 0.4) var(--nav-element-spacing-horizontal);
}

article.stats table,
table:last-child {
  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);
}

.center {
  text-align: center;
}

table a[role="button"],
table a.secondary {
  padding: calc(var(--form-element-spacing-vertical) * 0.1)
    calc(var(--form-element-spacing-horizontal) * 0.25);
  font-size: 0.9em;
}