/* Extra Elvis in de kleuren van de officiële Elvis-site: zwart, rood (#dc0a0a) en goud.
   Alles hangt onder .elvis-dark op de body, zodat geen enkele andere pagina meeverandert. */
.elvis-dark {
  --zwart: #0b0b0b;
  --kaart: #161616;
  --rand: #2a2a2a;
  --tekst: #ececec;
  --gedempt: #9b9b9b;
  --rood: #dc0a0a;
  --goud: #d8b45a;
  background: var(--zwart) !important;
  color: var(--tekst) !important;
}
.elvis-dark .snippet, .elvis-dark .container, .elvis-dark section, .elvis-dark footer { background: transparent !important; }
.elvis-dark .bg-light, .elvis-dark .bg-white { background: var(--zwart) !important; }
.elvis-dark h1, .elvis-dark h2, .elvis-dark h3, .elvis-dark h4, .elvis-dark h5 { color: var(--tekst); }
.elvis-dark h1 { color: #fff; letter-spacing: .02em; }
.elvis-dark p, .elvis-dark li, .elvis-dark label { color: var(--tekst); }
.elvis-dark .text-muted, .elvis-dark .small.text-muted { color: var(--gedempt) !important; }
.elvis-dark a { color: var(--goud); }
.elvis-dark a:hover { color: var(--rood); }

/* een rode streep onder de paginatitel */
.elvis-dark h1::after {
  content: ""; display: block; width: 92px; height: 4px; margin: .7rem auto 0;
  background: var(--rood); border-radius: 2px;
}

/* de kaarten */
.elvis-dark .card { background: var(--kaart) !important; border: 1px solid var(--rand) !important; }
.elvis-dark .card h5 { color: var(--goud); }
.elvis-dark .card .ep-stats, .elvis-dark .card .text-muted { color: #8d8d8d !important; }
.elvis-dark .card:hover { border-color: var(--rood) !important; }
.elvis-dark .episode-missing { background: #101010; border: 1px dashed #333 !important; }

/* zoeken en sorteren */
.elvis-dark .episodes-search { background: #141414; border-color: var(--rand); }
.elvis-dark .episodes-search:focus-within { border-color: var(--rood); }
.elvis-dark .episodes-search input { background: transparent; border: 0; color: var(--tekst); }
.elvis-dark #episodes-sortsel { background: #141414; border: 1px solid var(--rand); color: var(--tekst); }
.elvis-dark .episodes-sort, .elvis-dark .episodes-sort label { color: var(--gedempt); }
.elvis-dark .episodes-search input::placeholder { color: #6f6f6f; }
.elvis-dark .episodes-search i { color: var(--gedempt); }
.elvis-dark .episodes-search button { background: #2a2a2a; color: var(--gedempt); border: 0; }
.elvis-dark .episodes-search button:hover { background: var(--rood); color: #fff; }
.elvis-dark #episodes-counter { color: var(--gedempt); }

/* knoppen */
.elvis-dark .episodes-more button {
  background: transparent; border: 1px solid var(--rood); color: var(--tekst);
}
.elvis-dark .episodes-more button:hover { background: var(--rood); border-color: var(--rood); color: #fff; }
.elvis-dark .btn-primary { background: var(--rood); border-color: var(--rood); }
.elvis-dark .btn-primary:hover { background: #b30808; border-color: #b30808; }

/* de band achter de banner mag helemaal zwart */
.elvis-dark .elvis-banner-band { background: #000 !important; }
.elvis-dark hr { border-color: var(--rand); }

/* links die van bootstrap een eigen kleur meekrijgen */
.elvis-dark .text-primary, .elvis-dark a.text-primary { color: var(--goud) !important; }
.elvis-dark .text-primary:hover, .elvis-dark a.text-primary:hover { color: var(--rood) !important; }
.elvis-dark .fb-group a { color: var(--goud); }
.elvis-dark .fb-group a:hover { color: var(--rood); }
.elvis-dark .h5.text-muted { color: var(--gedempt) !important; }

/* de afspeelknop en de punaise in het rood van Elvis */
.elvis-dark .card .playericon { background-color: var(--rood) !important; }
.elvis-dark .card .playericon:hover { background-color: #b30808 !important; }
.elvis-dark .card .ep-pin.pinned { background: var(--rood); }
.elvis-dark .episodes-sort .pins-filter input { accent-color: var(--rood); }
.elvis-dark .episodes-sort .upload-show { background: var(--rood); color: #fff; }
.elvis-dark .episodes-sort .upload-show:hover { background: var(--goud); color: #111; }
.elvis-dark .live-knop { background: var(--rood); }
.elvis-dark .live-knop:hover { background: var(--goud); color: #111; }
.elvis-dark .live-knop.aan { background: #2a2a2a; }
.elvis-dark .live-nu { color: var(--gedempt); }
.elvis-dark .episodes-more button:hover { border-color: var(--rood); color: #fff; }

/* de menubalk: het item van deze pagina in het rood van Elvis in plaats van blauw */
.elvis-dark .site-nav a.active { color: var(--rood); }
.elvis-dark .site-nav a:hover { color: var(--goud); }
.elvis-dark .nav-panel a.active { color: var(--rood); }
.elvis-dark .nav-panel a:hover, .elvis-dark .nav-panel a:active { color: var(--goud); }
.elvis-dark .site-nav .sub-toggle:hover, .elvis-dark .site-nav .nav-item:hover .sub-toggle { color: var(--rood); }