/* QOLAA public Castopod theme patch.
   Reapply after Castopod updates; do not place in public/media. */

:root {
  --qolaa-black: #050505;
  --qolaa-panel: #10100e;
  --qolaa-panel-soft: #17150f;
  --qolaa-gold: #ead38a;
  --qolaa-cream: #fffdf7;
  --qolaa-muted: #d4ccba;
  --qolaa-border: rgba(234, 211, 138, 0.22);
}

html,
body {
  background: var(--qolaa-black) !important;
  color: var(--qolaa-cream) !important;
}

body,
button,
input,
select,
textarea {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

a {
  text-underline-offset: 0.18em;
}

a:hover {
  color: var(--qolaa-gold) !important;
}

.bg-base,
.bg-background-base,
.bg-background-elevated {
  background-color: var(--qolaa-black) !important;
}

.bg-header,
header.bg-header,
nav.bg-header,
.from-background-header {
  background-color: var(--qolaa-black) !important;
}

.bg-accent-base,
.bg-accent-base\/75 {
  background-color: var(--qolaa-gold) !important;
  color: #090908 !important;
}

.text-accent-base,
.text-accent-muted,
.text-skin-muted {
  color: var(--qolaa-muted) !important;
}

.text-skin-base,
.text-white {
  color: var(--qolaa-cream) !important;
}

.border-subtle,
.border-3,
.ring-background-elevated {
  border-color: var(--qolaa-border) !important;
}

.focus\:ring-accent:focus,
.focus\:ring-accent:focus-visible,
button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--qolaa-gold) !important;
  outline-offset: 4px;
  box-shadow: none !important;
}

main,
aside,
.rounded-xl,
article,
[class*="bg-background"] {
  color: var(--qolaa-cream);
}

.rounded-xl,
.shadow,
.shadow-xl,
.shadow-2xl,
article,
aside#podcast-sidebar {
  background: var(--qolaa-panel) !important;
  border-color: var(--qolaa-border) !important;
  box-shadow: none !important;
}

.backdrop-gradient,
.mix-blend-multiply {
  background: linear-gradient(180deg, rgba(5, 5, 5, 0.08), rgba(5, 5, 5, 0.86)) !important;
}

header[style*="background-image"] {
  border-bottom: 1px solid var(--qolaa-border);
}

header img.rounded-full,
nav img.rounded-full {
  border-color: var(--qolaa-gold) !important;
}

.font-display,
h1,
h2,
h3 {
  letter-spacing: 0;
}

.prose-sm,
.prose,
p,
li,
time,
small {
  color: var(--qolaa-muted);
}

.prose-sm a,
.prose a {
  color: var(--qolaa-gold);
}

button,
.group.inline-flex,
a.inline-flex,
.rounded-full.bg-white,
.bg-white {
  border: 1px solid var(--qolaa-border) !important;
}

.rounded-full.bg-white,
.bg-white {
  background: var(--qolaa-gold) !important;
  color: #090908 !important;
}

.rounded-full.bg-white *,
.bg-white * {
  color: #090908 !important;
}

play-episode-button button,
vm-player {
  --vm-player-theme: var(--qolaa-gold) !important;
}

.grid-cols-cards > a,
.grid-cols-podcastMain main,
aside#podcast-sidebar {
  border: 1px solid var(--qolaa-border);
}

.grid-cols-cards > a {
  border-radius: 0;
}

.grid-cols-cards img,
header img,
article img {
  filter: saturate(0.92);
}

footer {
  background: var(--qolaa-black);
  border-color: var(--qolaa-border) !important;
  color: var(--qolaa-muted);
}

@media (max-width: 767px) {
  header[style*="background-image"] {
    min-height: 220px;
  }

  main {
    padding-inline: 1rem !important;
  }
}