/* HypeCloudAI – Podbean theme overrides (matches hypecloudai.netlify.app) */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto:wght@300;400;500;700&display=swap');

:root{
  --hc-violet:#7735c4; --hc-fuchsia:#d30e9e; --hc-yellow:#ffed48;
  --hc-ink:#2b2831; --hc-text:#46434e; --hc-muted:#5b5b73;
  --hc-line:#d9c9fb; --hc-night:#0a0620;
  --hc-grad:linear-gradient(135deg,#7735c4,#d30e9e);
  --hc-grad-btn:linear-gradient(135deg,#5f2a9e,#a90b80);
  --hc-shadow:0 4px 20px -2px rgba(119,53,196,.08);
}

/* Base */
.cc-theme{ background:#fff !important; color:var(--hc-text) !important; font-family:Roboto,system-ui,sans-serif !important; line-height:1.6; }

/* Nav: light bar, dark links, fuchsia hover */
.cc-theme .navigation, .cc-theme nav.navbar{ background:#fff !important; border:0 !important; }
.cc-theme .navigation{ border-bottom:1px solid var(--hc-line) !important; box-shadow:0 2px 12px -6px rgba(119,53,196,.15); }
.cc-theme nav.navbar .nav-link,
.cc-theme nav.navbar .btn,
.cc-theme nav.navbar .navbar-toggler{ color:var(--hc-ink) !important; background:transparent !important; box-shadow:none !important; }
.cc-theme nav.navbar svg{ fill:var(--hc-ink) !important; color:var(--hc-ink) !important; }
.cc-theme nav.navbar .nav-link:hover,
.cc-theme nav.navbar .nav-link.active{ color:var(--hc-fuchsia) !important; }
.cc-theme nav.navbar .form-control{ background:#faf9fc !important; border:1px solid var(--hc-line) !important; color:var(--hc-ink) !important; }
@media (max-width:991px){ .cc-theme nav.navbar .navbar-collapse{ background:#fff !important; } }

/* Headings: Anton page title; Anton gradient section headings; Roboto 600 episode titles */
.cc-theme h1{ font-family:Anton,Impact,"Arial Narrow Bold",sans-serif !important; font-weight:400 !important; letter-spacing:.01em;
  display:inline-block; background:var(--hc-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent !important; }
.cc-theme .featured-episode-container > h2,
.cc-theme .episode-list-header-title{
  font-family:Anton,Impact,"Arial Narrow Bold",sans-serif !important; font-weight:400 !important; font-size:36px !important;
  background:var(--hc-grad); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent !important; line-height:1.2;
}
.cc-theme .cc-podcast-apps-content > .title{ color:var(--hc-muted) !important; font-weight:600; text-transform:uppercase; letter-spacing:.08em; font-size:13px !important; }
.cc-theme h3.e-title, .cc-theme h3.e-title a, .cc-theme .featured-episode-title, .cc-theme .featured-episode-title a{
  font-family:Roboto,system-ui,sans-serif !important; font-weight:600 !important; color:var(--hc-ink) !important; text-decoration:none !important;
}
.cc-theme h3.e-title a:hover, .cc-theme .featured-episode-title a:hover{ color:var(--hc-violet) !important; }

/* Links */
.cc-theme .view-all{ color:var(--hc-violet) !important; font-weight:500; text-decoration:none !important; }
.cc-theme .view-all:hover{ color:var(--hc-fuchsia) !important; }
.cc-theme .view-all svg{ fill:currentColor !important; }

/* "More >>" as a plain text link */
.cc-theme .show-more{ background:none !important; border:0 !important; box-shadow:none !important; color:var(--hc-violet) !important; font-weight:500; padding:0 !important; transform:none !important; }
.cc-theme .show-more:hover{ color:var(--hc-fuchsia) !important; }

/* Play buttons: drop Podbean's circle + underline */
.cc-theme .listen-now-play-btn{
  display:inline-flex !important; align-items:center; justify-content:center;
  border-radius:6px !important; padding:10px 24px !important; font-size:14px; font-weight:500;
  text-decoration:none !important; transition:transform .15s, background .15s;
}
.cc-theme .listen-now-play-btn .play-button-bg,
.cc-theme .listen-now-play-btn .text-play{ display:none !important; }
.cc-theme .listen-now-play-btn .add-new-play-btn-text{ text-decoration:none !important; border:0 !important; color:inherit !important; margin:0 !important; }
.cc-theme .listen-now-play-btn .add-new-play-btn-text::before{ content:"▷"; margin-right:8px; }
.cc-theme .listen-now-play-btn:hover{ transform:translateY(-1px); }

/* Featured episode: solid gradient (site primary) */
.cc-theme .featured-episode-container .listen-now-play-btn{
  background:var(--hc-grad-btn) !important; color:#fff !important; border:0 !important;
  box-shadow:0 8px 24px -8px rgba(119,53,196,.6) !important;
}
/* Episode grid: outlined (site secondary) */
.cc-theme .cc-episode-list .listen-now-play-btn{
  background:#fff !important; color:var(--hc-violet) !important;
  border:1px solid var(--hc-violet) !important; box-shadow:none !important; width:100%;
}
.cc-theme .cc-episode-list .listen-now-play-btn:hover{ background:#f7f2fe !important; }

/* Cards */
.cc-theme .cc-episode-list{ --bs-gutter-x:24px; --bs-gutter-y:24px; }
.cc-theme .cc-episode-list .card{ background:transparent !important; border:0 !important; box-shadow:none !important; }
.cc-theme .cc-episode-list .card > .card-body,
.cc-theme .featured-episode-content-list{
  background:linear-gradient(145deg,#fff,#f9fafb) !important;
  border:1px solid var(--hc-line) !important; border-radius:8px !important;
  box-shadow:var(--hc-shadow) !important; padding:24px !important;
}
.cc-theme .cc-episode-list .card > .card-body{ height:100%; }
.cc-theme .featured-episode-content-list{ gap:24px; }
.cc-theme img{ border-radius:8px; }
.cc-theme .e-l-date, .cc-theme .episode-date, .cc-theme .episode-duration, .cc-theme time{ color:var(--hc-muted) !important; font-size:14px !important; }

/* Platform chips */
.cc-theme .cc-podcast-apps li{ background:#fff !important; border:1px solid var(--hc-line) !important; border-radius:999px !important; box-shadow:none !important; transition:border-color .15s, background .15s; }
.cc-theme .cc-podcast-apps li:hover{ border-color:var(--hc-violet) !important; background:#faf7ff !important; }
.cc-theme .cc-podcast-apps li a{ color:var(--hc-ink) !important; font-weight:500; }

/* Footer */
.cc-theme footer, .cc-theme .footer{ background:#faf9fc !important; border-top:1px solid #e7e5f0 !important; color:var(--hc-muted) !important; }

/* Nav links: beat the theme's own colour */
html body div.cc-theme div.navigation nav.navbar a.nav-link,
html body div.cc-theme div.navigation nav.navbar .btn,
html body div.cc-theme div.navigation nav.navbar .navbar-toggler{ color:var(--hc-ink) !important; -webkit-text-fill-color:var(--hc-ink) !important; }
html body div.cc-theme div.navigation nav.navbar a.nav-link:hover,
html body div.cc-theme div.navigation nav.navbar a.nav-link.active{ color:var(--hc-fuchsia) !important; -webkit-text-fill-color:var(--hc-fuchsia) !important; }

/* Cards: .card is also the grid column, so draw the frame on a pseudo-element inside the gutter */
.cc-theme .cc-episode-list .card{ position:relative; background:transparent !important; border:0 !important; box-shadow:none !important; overflow:visible !important; }
.cc-theme .cc-episode-list .card::before{
  content:""; position:absolute; top:var(--bs-gutter-y,24px); bottom:0; left:calc(var(--bs-gutter-x,24px) / 2); right:calc(var(--bs-gutter-x,24px) / 2);
  background:linear-gradient(145deg,#fff,#f9fafb); border:1px solid var(--hc-line); border-radius:8px;
  box-shadow:var(--hc-shadow); z-index:0; pointer-events:none;
}
.cc-theme .cc-episode-list .card > *{ position:relative; z-index:1; margin-left:16px !important; margin-right:16px !important; }
.cc-theme .cc-episode-list .card > .episode-logo{ margin-top:16px !important; }
.cc-theme .cc-episode-list .card > .card-body{
  background:none !important; border:0 !important; box-shadow:none !important;
  padding:16px 0 20px !important; height:auto !important;
}

/* Kill Podbean's underline bar on the play label */
.cc-theme .listen-now-play-btn .add-new-play-btn-text::after{ display:none !important; }

/* Featured frame only where the layout is side-by-side */
@media (max-width:767px){
  .cc-theme .featured-episode-content-list{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
}

/* Featured frame lives on the column wrapper (content-list flips to inline on mobile) */
.cc-theme .featured-episode-content-list{ background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
.cc-theme .featured-episode-container > .row > .col-12{
  background:linear-gradient(145deg,#fff,#f9fafb) !important;
  border:1px solid var(--hc-line) !important; border-radius:8px !important;
  box-shadow:var(--hc-shadow) !important; padding:24px !important;
}

/* Don't split words mid-title on mobile */
.cc-theme h3.e-title, .cc-theme h3.e-title a, .cc-theme .featured-episode-title{ word-break:normal !important; overflow-wrap:break-word !important; }

/* Nav hover underline in fuchsia to match */
html body div.cc-theme div.navigation nav.navbar a.nav-link:hover{ text-decoration-color:var(--hc-fuchsia) !important; }
html body div.cc-theme div.navigation nav.navbar a.nav-link:hover::after,
html body div.cc-theme div.navigation nav.navbar a.nav-link:hover::before{ background-color:var(--hc-fuchsia) !important; border-color:var(--hc-fuchsia) !important; }

/* Show full episode titles */
.featured-episode-title,
.featured-episode-title a,
.card-title.e-title,
.card-title.e-title a {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  height: auto !important;
  max-height: none !important;
}
.card-title.e-title { min-height: 4.5em !important; }