/*
 Theme Name:   Kadence Episodes Child (Branded + Hosts) v1.4
 Template:     kadence
 Version:      1.4.0
*/
:root{
  --brand-bg:#0b0b12; --brand-text:#f5f5f5; --brand-muted:#a1a1aa;
  --brand-border:#24263a; --brand-card:#111321;
  --brand-accent:#ef4444; --brand-accent-700:#dc2626;
}
body{background:var(--brand-bg);color:var(--brand-text)}
a{color:var(--brand-accent)} a:hover{color:var(--brand-accent-700)}
.button, .wp-element-button, .wp-block-button__link{background:var(--brand-accent);color:#fff;padding:.7rem 1.1rem;border-radius:999px;text-decoration:none;border:none}
.button:hover{background:var(--brand-accent-700)}
.card{padding:1.25rem;border:1px solid var(--brand-border);border-radius:1rem;background:var(--brand-card)}
.episode-card{padding:1.25rem;border:1px solid var(--brand-border);border-radius:1rem;background:var(--brand-card)}

/* Hero */
.home-hero{position:relative;min-height:68vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;border-bottom:1px solid var(--brand-border)}
.home-hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(.1) saturate(.9);transform:scale(1.03)}
.home-hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.65))}
.home-hero .inner{position:relative;z-index:2;max-width:1000px;padding:2rem}
.home-hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:0 0 .5rem}
.home-hero p.sub{color:var(--brand-muted);font-size:clamp(1rem,1.8vw,1.25rem);margin:0 0 1.25rem}
.hero-cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.hero-cta .button{font-weight:700}
.listen-on{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:1.25rem;flex-wrap:wrap;color:var(--brand-muted)}
.listen-on img{height:20px;opacity:.9;filter:grayscale(1)}
.listen-on a:hover img{opacity:1;filter:none}

/* Featured shows carousel */
.carousel{position:relative;margin:2rem auto 1rem;overflow:hidden}
.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;padding-bottom:.5rem}
.carousel-track::-webkit-scrollbar{height:8px}
.carousel-track::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:4px}
.carousel .slide{min-width:320px;max-width:400px;flex:0 0 auto;scroll-snap-align:start}
.carousel .nav{position:absolute;right:0;top:-48px;display:flex;gap:.5rem}
.carousel .nav button{width:36px;height:36px;border-radius:999px;border:1px solid var(--brand-border);background:var(--brand-card);color:var(--brand-text);cursor:pointer}
.carousel .nav button:hover{background:var(--brand-accent);border-color:transparent}

/* Utility */
.container{max-width:1200px;margin:0 auto;padding:0 20px}
.kec-hero{padding:2rem 0}
.episode-meta{font-size:.9rem;color:var(--brand-muted);display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 1rem}
.host-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .55rem;border:1px solid var(--brand-border);border-radius:999px;background:var(--brand-card);margin:.25rem .35rem .25rem 0}
.host-chip img{width:28px;height:28px;border-radius:999px;object-fit:cover}