/* ====================================================================
   PODCAST PAGE STYLES — mithylldave.com
   wp-content/themes/YOUR-CHILD-THEME/assets/podcast/podcast.css
==================================================================== */

:root{
  --navy:#0D1B2A;
  --gold:#B8972E;
  --gold-hover:#D4AF5A;
  --cream:#F7F4EE;
  --paper:#F6F5F4;
  --teal:#1B3A4B;
  --ink:#141413;
}
.podcast-page *{box-sizing:border-box;}
.podcast-page{
  background:var(--cream);
  color:var(--ink);
  font-family:'DM Sans', sans-serif;
  font-size:18px;
  line-height:1.6;
  overflow-x:hidden;
}
.podcast-page h1,.podcast-page h2,.podcast-page h3,.podcast-page h4{
  font-family:'Cormorant Garamond', serif;
  color:var(--navy);
  line-height:1.05;
  font-weight:600;
  margin:0;
}
.podcast-page a{color:inherit;text-decoration:none;}
.podcast-page .eyebrow{
  font-size:0.78rem;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:700;
  display:inline-block;
  margin-bottom:1rem;
}
.podcast-page .eyebrow.on-dark{color:var(--gold-hover);}
.podcast-page .wrap{max-width:1280px;margin:0 auto;padding:0 6vw;}
.podcast-page section{padding:7rem 0;position:relative;}
.podcast-page .section-head{max-width:660px;margin-bottom:3.5rem;}
.podcast-page .reveal{opacity:0;transform:translateY(40px);}

/* ============ HERO ============ */
.podcast-hero{
  position:relative;min-height:88vh;display:flex;align-items:center;
  background:var(--navy);color:var(--cream);overflow:hidden;padding:0 !important;
}
.hero-bg-parallax{
  position:absolute;inset:-10% 0 0 0;
  background:radial-gradient(ellipse at 20% 20%, rgba(184,151,46,0.18), transparent 55%),
             radial-gradient(ellipse at 80% 80%, rgba(27,58,75,0.9), transparent 60%);
  will-change:transform;z-index:0;
}
.waveform-field{
  position:absolute;bottom:0;left:0;right:0;height:44%;display:flex;
  align-items:flex-end;justify-content:center;gap:6px;padding:0 4vw;
  z-index:1;opacity:0.5;pointer-events:none;
}
.wave-bar{width:5px;background:linear-gradient(to top, var(--gold), transparent);border-radius:3px 3px 0 0;transform-origin:bottom;}
.hero-content{position:relative;z-index:2;max-width:900px;padding:0 6vw;}
.hero-headline{font-size:clamp(2.8rem, 7.5vw, 6.5rem);color:var(--cream);letter-spacing:-0.01em;}
.hero-headline .line{display:block;overflow:hidden;}
.hero-headline .line span{display:inline-block;transform:translateY(110%);}
.hero-headline em{font-style:italic;color:var(--gold-hover);}
.hero-sub{margin-top:1.6rem;font-size:1.1rem;max-width:540px;color:rgba(247,244,238,0.78);}
.hero-stats{display:flex;gap:3rem;margin-top:2.6rem;flex-wrap:wrap;}
.hero-stat .num{font-family:'Cormorant Garamond', serif;font-size:2.4rem;color:var(--gold-hover);font-weight:700;line-height:1;}
.hero-stat .label{font-size:0.83rem;color:rgba(247,244,238,0.65);margin-top:0.4rem;}

/* ============ MARQUEE (Content Pillars) ============ */
.marquee-band{background:var(--navy);padding:2rem 0;overflow:hidden;border-top:1px solid rgba(184,151,46,0.25);border-bottom:1px solid rgba(184,151,46,0.25);}
.marquee-track{display:flex;width:max-content;gap:4rem;animation:scrollMarquee 40s linear infinite;}
.marquee-band:hover .marquee-track{animation-play-state:paused;}
.marquee-track span{font-family:'Cormorant Garamond', serif;font-size:1.6rem;color:rgba(247,244,238,0.5);white-space:nowrap;flex-shrink:0;}
.marquee-track span.gold{color:var(--gold-hover);font-style:italic;}
.marquee-track span.dot{color:rgba(184,151,46,0.4);font-size:1.1rem;}
@keyframes scrollMarquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ============ LATEST EPISODE SPOTLIGHT ============ */
.latest-episode-section{background:var(--navy);color:var(--cream);}
.latest-card{
  background:linear-gradient(160deg, rgba(27,58,75,0.55), rgba(13,27,42,0.9));
  border:1px solid rgba(184,151,46,0.3);
  border-radius:8px;
  padding:3rem;
}
.latest-badge-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.6rem;}
.latest-badge{
  display:inline-flex;align-items:center;gap:0.5rem;background:rgba(184,151,46,0.18);
  color:var(--gold-hover);padding:0.5rem 1.1rem;border-radius:30px;
  font-size:0.75rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;
}
.latest-date{color:rgba(247,244,238,0.55);font-size:0.9rem;}
.latest-card h3{color:var(--cream);font-size:clamp(1.6rem,3.2vw,2.3rem);margin-bottom:1.2rem;max-width:760px;}
.latest-card p.excerpt{color:rgba(247,244,238,0.7);max-width:720px;margin-bottom:2rem;font-size:1rem;}

/* ============ CUSTOM PLAYER ============ */
.madi-player{
  background:rgba(13,27,42,0.5);
  border:1px solid rgba(184,151,46,0.25);
  border-radius:6px;
  padding:1rem 1.3rem;
  display:flex;
  align-items:center;
  gap:1rem;
}
.bg-cream .madi-player, .bg-paper .madi-player{background:rgba(13,27,42,0.04);border-color:rgba(13,27,42,0.12);}
.madi-play-btn{
  flex-shrink:0;width:46px;height:46px;border-radius:50%;
  background:var(--gold);color:var(--navy);border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:1.1rem;
  transition:background 0.25s ease, transform 0.2s ease;
}
.madi-play-btn:hover{background:var(--gold-hover);transform:scale(1.06);}
.madi-player-body{flex:1;min-width:0;}
.madi-progress-track{
  width:100%;height:5px;background:rgba(247,244,238,0.18);border-radius:3px;
  cursor:pointer;position:relative;margin-top:0.55rem;
}
.bg-cream .madi-progress-track, .bg-paper .madi-progress-track{background:rgba(13,27,42,0.12);}
.madi-progress-fill{
  position:absolute;top:0;left:0;height:100%;width:0%;
  background:var(--gold);border-radius:3px;
}
.madi-time-row{display:flex;justify-content:space-between;font-size:0.75rem;color:rgba(247,244,238,0.55);margin-top:0.35rem;}
.bg-cream .madi-time-row, .bg-paper .madi-time-row{color:#8a8a86;}
.madi-cta-btn{
  display:inline-block;margin-top:1.6rem;padding:0.85rem 1.9rem;
  background:var(--gold);color:var(--navy);font-weight:700;border-radius:2px;
  transition:background 0.3s ease;font-size:0.92rem;
}
.madi-cta-btn:hover{background:var(--gold-hover);}

/* ============ SHOW SECTIONS ============ */
.show-section{overflow:hidden;}
.show-section.bg-cream{background:var(--cream);}
.show-section.bg-paper{background:var(--paper);}
.show-section.bg-navy{background:var(--navy);color:var(--cream);}
.show-section.bg-navy h2, .show-section.bg-navy h3, .show-section.bg-navy h4{color:var(--cream);}
.show-section.bg-navy .show-desc{color:rgba(247,244,238,0.75);}

.show-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:4rem;align-items:start;}
.show-grid.reverse{grid-template-columns:1.2fr 0.8fr;}
.show-grid.reverse .show-art-col{order:2;}
.show-grid.reverse .show-info-col{order:1;}

.show-art-frame{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:1/1;box-shadow:0 40px 80px rgba(13,27,42,0.2);}
.show-art-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.15);transition:transform 1.2s cubic-bezier(0.16,1,0.3,1);}
.show-art-frame:hover img{transform:scale(1);}
.show-badge{
  position:absolute;top:1.25rem;left:1.25rem;background:var(--gold);color:var(--navy);
  font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;
  padding:0.4rem 0.9rem;border-radius:2px;z-index:2;
}
.show-badge.legacy{background:var(--gold-hover);}

.show-info-col h2{font-size:clamp(2rem,4vw,2.7rem);margin-bottom:0.4rem;}
.show-cadence{font-size:0.85rem;font-weight:700;letter-spacing:0.05em;color:var(--gold);margin-bottom:1.2rem;}
.bg-navy .show-cadence{color:var(--gold-hover);}
.show-desc{font-size:1rem;color:#4a4a48;max-width:520px;margin-bottom:1.8rem;}
.legacy-note{font-style:italic;font-size:0.9rem;color:rgba(247,244,238,0.6);margin-bottom:1.6rem;max-width:480px;}

.episode-index-list{margin-top:1.8rem;}
.episode-row{
  display:flex;align-items:center;gap:1rem;padding:0.9rem 0;
  border-bottom:1px solid rgba(13,27,42,0.08);cursor:pointer;
}
.bg-navy .episode-row{border-bottom:1px solid rgba(247,244,238,0.12);}
.episode-row:hover{background:rgba(184,151,46,0.06);}
.episode-row-num{
  font-family:'Cormorant Garamond', serif;font-size:1.3rem;color:var(--gold);
  width:2.2rem;flex-shrink:0;
}
.episode-row-play{
  flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--gold);
  background:transparent;color:var(--gold);cursor:pointer;display:flex;align-items:center;
  justify-content:center;font-size:0.8rem;transition:background 0.2s ease, color 0.2s ease;
}
.episode-row-play:hover, .episode-row.playing .episode-row-play{background:var(--gold);color:var(--navy);}
.episode-row-title{flex:1;min-width:0;font-size:0.98rem;font-weight:500;}
.episode-row-date{font-size:0.8rem;color:#8a8a86;flex-shrink:0;}
.bg-navy .episode-row-date{color:rgba(247,244,238,0.5);}

.subscribe-mini{display:flex;gap:0.8rem;margin-top:1.8rem;flex-wrap:wrap;}
.subscribe-mini a{padding:0.6rem 1.3rem;border:1px solid var(--gold);border-radius:2px;font-size:0.85rem;font-weight:700;transition:background 0.3s ease, color 0.3s ease;}
.bg-cream .subscribe-mini a, .bg-paper .subscribe-mini a{color:var(--navy);}
.bg-navy .subscribe-mini a{color:var(--cream);}
.subscribe-mini a:hover{background:var(--gold);color:var(--navy) !important;}

/* ============ GUEST WALL ============ */
.guests-section{background:var(--cream);}
.guest-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;}
.guest-card{position:relative;border-radius:4px;overflow:hidden;aspect-ratio:16/9;background:var(--navy);display:block;}
.guest-card img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;opacity:0.9;}
.guest-card:hover img{transform:scale(1.08);}
.guest-card .play-badge{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:var(--cream);background:rgba(13,27,42,0.25);transition:background 0.3s ease;}
.guest-card:hover .play-badge{background:rgba(13,27,42,0.4);}
.guest-title{position:absolute;bottom:0;left:0;right:0;padding:1.2rem;background:linear-gradient(to top, rgba(13,27,42,0.95), transparent);color:var(--cream);font-size:0.95rem;font-weight:500;}
.guest-title .guest-eyebrow{display:block;font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--gold-hover);margin-bottom:0.3rem;font-weight:700;}

/* ============ BE A GUEST — ANIMATED SVG ============ */
.guest-invite-section{background:var(--teal);color:var(--cream);}
.guest-invite-inner{display:grid;grid-template-columns:0.9fr 1.1fr;gap:4rem;align-items:center;}
.guest-invite-inner h2{color:var(--cream);font-size:clamp(2rem,4vw,3rem);}
.guest-invite-inner p{color:rgba(247,244,238,0.8);margin-top:1rem;max-width:480px;}
.guest-svg-wrap{display:flex;align-items:center;justify-content:center;}
.guest-svg-wrap svg{width:100%;max-width:420px;height:auto;}

.mic-ring{transform-origin:200px 150px;animation:micPulse 2.6s ease-out infinite;}
.mic-ring-2{animation-delay:0.6s;}
.mic-ring-3{animation-delay:1.2s;}
@keyframes micPulse{
  0%{transform:scale(0.7);opacity:0.5;}
  100%{transform:scale(1.6);opacity:0;}
}
.mic-bar{animation:micBar 1.4s ease-in-out infinite;transform-origin:bottom;}
#micBars .mic-bar:nth-child(1){animation-delay:0.0s;}
#micBars .mic-bar:nth-child(2){animation-delay:0.1s;}
#micBars .mic-bar:nth-child(3){animation-delay:0.2s;}
#micBars .mic-bar:nth-child(4){animation-delay:0.3s;}
#micBars .mic-bar:nth-child(5){animation-delay:0.4s;}
#micBars .mic-bar:nth-child(6){animation-delay:0.5s;}
#micBars .mic-bar:nth-child(7){animation-delay:0.4s;}
#micBars .mic-bar:nth-child(8){animation-delay:0.3s;}
#micBars .mic-bar:nth-child(9){animation-delay:0.2s;}
#micBars .mic-bar:nth-child(10){animation-delay:0.1s;}
#micBars .mic-bar:nth-child(11){animation-delay:0.0s;}
@keyframes micBar{
  0%, 100%{transform:scaleY(0.6);}
  50%{transform:scaleY(1.25);}
}
@media (prefers-reduced-motion: reduce){
  .mic-ring, .mic-bar{animation:none;}
}

/* ============ PODCASTS LAUNCHED — 2-ROW CAROUSEL ============ */
.launched-section{background:var(--paper);overflow:hidden;}
.launched-section .section-head{max-width:720px;}
.carousel-row{overflow:hidden;margin-bottom:2rem;-webkit-mask-image:linear-gradient(to right, transparent, black 6%, black 94%, transparent);mask-image:linear-gradient(to right, transparent, black 6%, black 94%, transparent);}
.carousel-track{display:flex;width:max-content;gap:1.75rem;}
.carousel-track.right{animation:carouselRight 48s linear infinite;}
.carousel-track.left{animation:carouselLeft 54s linear infinite;}
.carousel-row:hover .carousel-track{animation-play-state:paused;}
@keyframes carouselRight{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes carouselLeft{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.launched-card{flex-shrink:0;width:240px;aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:var(--navy);position:relative;border:1px solid rgba(13,27,42,0.1);}
.launched-card img{width:100%;height:100%;object-fit:cover;display:block;}
.launched-card .launched-placeholder-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;font-size:0.75rem;color:rgba(247,244,238,0.55);font-family:monospace;}

/* ============ SUBSCRIBE CTA ============ */
.subscribe-section{background:var(--navy);color:var(--cream);text-align:center;}
.subscribe-section h2{color:var(--cream);font-size:clamp(2.2rem,5vw,3.5rem);}
.subscribe-buttons{display:flex;justify-content:center;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap;}
.magnetic-btn{display:inline-flex;align-items:center;gap:0.6rem;padding:1rem 2.2rem;border:1px solid var(--gold);border-radius:2px;color:var(--cream);font-weight:700;font-size:0.95rem;transition:background 0.3s ease, color 0.3s ease;position:relative;}
.magnetic-btn:hover{background:var(--gold);color:var(--navy);}

@media (max-width:860px){
  .show-grid, .show-grid.reverse{grid-template-columns:1fr;}
  .show-grid.reverse .show-art-col, .show-grid.reverse .show-info-col{order:initial;}
  .guest-grid{grid-template-columns:1fr;}
  .guest-invite-inner{grid-template-columns:1fr;}
  .hero-stats{gap:2rem;}
  .magnetic-btn{transform:none !important;}
  .launched-card{width:170px;}
  .latest-card{padding:2rem 1.5rem;}
}