/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.
 */

.site-title {
  font-size: 1.2rem;
  font-weight: 600;
  text-decoration: none;
  margin-left: 0.75rem;
  color: inherit;
}

/* ── Hide Grav footer credit ── */
#footer .container p {
  display: none;
}

#footer .container::after {
  content: "Copyright © 2026 Met Zak en As";
  display: block;
  text-align: center;
  font-size: 0.85rem;
}

a.anchor {
  display: none;
}

#.heading-anchor {
#  display: none;
#}

/* Light mode: show light logo, hide dark */
.logo-dark { display: none; }
.logo-light { display: block; }

/* Dark mode */
[data-theme="dark"] .logo-light { display: none; }
[data-theme="dark"] .logo-dark { display: block; }

[data-theme="light"] .logo-dark { display: none; }
[data-theme="light"] .logo-light { display: block; }

/* Dark mode */
[data-theme="dark"] .logo-light { display: none; }
[data-theme="dark"] .logo-dark { display: block; }

/* Auto mode following OS preference */
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] .logo-light { display: none; }
  [data-theme="auto"] .logo-dark { display: block; }
}


.home-banner {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 5px;
}

.banner-logo {
  height: 120px; /* adjust to taste */
  width: auto;
}

.banner-title {
  font-size: 3.5rem;
  font-family: var(--pico-font-family-display);
  font-weight: 600;
  line-height: 1;
}