/* Start Here welcome header. Scoped to this page's featured-listen link. */
body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .navbar { background: #132235 !important; }
body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .episode-detail-top {
 background: radial-gradient(ellipse at 85% 30%, rgba(212,173,76,.22), transparent 56%), linear-gradient(115deg,#132235,#223c51) !important;
 padding-top: 24px !important; padding-bottom: 26px !important;
 border-bottom: 3px solid #d4ad4c;
}
body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .episode-detail-top .list { padding-bottom: 0 !important; }
body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .episode-detail-top .card-body { padding-top: 4px; padding-bottom: 4px; }
body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .episode-detail-top .podcast-title {
 color: #edce85 !important; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 700;
}
body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .episode-detail-top .page-title {
 color: #fff8e9 !important; font-family: Georgia, 'Times New Roman', serif;
 font-size: 44px; line-height: 1.15; font-weight: 400; margin: 10px 0 12px !important;
}
body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .episode-detail-top .card-body::after {
 content: "A few minutes. A little encouragement. A story to carry with you.";
 display: block; max-width: 540px; margin: 0 auto; text-align: center;
 color: #e5e8eb; font-size: 16px; line-height: 1.6;
}
body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .episode-detail-bottom .card-body.mt-5 { margin-top: 24px !important; }
@media (max-width: 600px) {
 body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .episode-detail-top { padding-top: 20px !important; padding-bottom: 22px !important; }
 body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .episode-detail-top .page-title { font-size: 36px; }
 body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .episode-detail-top .card-body::after { font-size: 14px; max-width: 290px; }
 body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .episode-detail-top .podcast-title { font-size: 10px; letter-spacing: 1.5px; }
}

body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .navbar .navbar-toggler,
body:has(.page-title):has(.e-description a[href="https://jimmears.podbean.com/e/the-golden-rule-rules/"][style*="#d4ad4c"]) .navbar button.nav-link { color: #fff8e9 !important; }


/* About Jim header, scoped to the host profile. */
body:has(#jim-host-profile) .navbar { background: #132235 !important; }
body:has(#jim-host-profile) .episode-detail-top {
 background: radial-gradient(ellipse at 85% 30%, rgba(212,173,76,.22), transparent 56%), linear-gradient(115deg,#132235,#223c51) !important;
 padding-top: 24px !important; padding-bottom: 26px !important;
 border-bottom: 3px solid #d4ad4c;
}
body:has(#jim-host-profile) .episode-detail-top .list { padding-bottom: 0 !important; }
body:has(#jim-host-profile) .episode-detail-top .card-body { padding-top: 4px; padding-bottom: 4px; }
body:has(#jim-host-profile) .episode-detail-top .podcast-title {
 color: #edce85 !important; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 700;
}
body:has(#jim-host-profile) .episode-detail-top .page-title {
 color: #fff8e9 !important; font-family: Georgia, 'Times New Roman', serif;
 font-size: 44px; line-height: 1.15; font-weight: 400; margin: 10px 0 12px !important;
}
body:has(#jim-host-profile) .episode-detail-top .card-body::after {
 content: "Faith, music, and a lifetime of encouragement.";
 display: block; max-width: 540px; margin: 0 auto; text-align: center;
 color: #e5e8eb; font-size: 16px; line-height: 1.6;
}
body:has(#jim-host-profile) .episode-detail-bottom .card-body.mt-5 { margin-top: 24px !important; }
@media (max-width: 600px) {
 body:has(#jim-host-profile) .episode-detail-top { padding-top: 20px !important; padding-bottom: 22px !important; }
 body:has(#jim-host-profile) .episode-detail-top .page-title { font-size: 36px; }
 body:has(#jim-host-profile) .episode-detail-top .card-body::after { font-size: 14px; max-width: 290px; }
 body:has(#jim-host-profile) .episode-detail-top .podcast-title { font-size: 10px; letter-spacing: 1.5px; }
}

body:has(#jim-host-profile) .navbar .navbar-toggler,
body:has(#jim-host-profile) .navbar button.nav-link { color: #fff8e9 !important; }


/* After a story ends, open Podbean's built-in app chooser. Keep only current listening destinations. */
#vvvv.vjs-ended .item-rss > .podcast-app {
  display: block !important;
  width: min(320px, calc(100vw - 24px)) !important;
  max-height: min(70vh, 420px);
  overflow-y: auto;
  right: 12px !important;
  bottom: 72px !important;
  padding: 16px 18px !important;
  border: 2px solid #d4ad4c;
  border-radius: 14px;
  box-shadow: 0 12px 38px rgba(0,0,0,.28);
}
#vvvv.vjs-ended .item-rss > .podcast-app::before {
  content: "Enjoyed the story? Follow The Best of the Story in your favorite app:";
  display: block;
  color: #132235;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
  margin: 0 0 12px;
}
#vvvv .item-rss > .podcast-app .app-item { display: none !important; }
#vvvv .item-rss > .podcast-app .app-item:has(a[href*="podcasts.apple.com"]),
#vvvv .item-rss > .podcast-app .app-item:has(a[href*="youtube.com/playlist"]),
#vvvv .item-rss > .podcast-app .app-item:has(a[href*="podbean.com/pw/"]),
#vvvv .item-rss > .podcast-app .app-item:has(a[href*="open.spotify.com/show/"]) { display: list-item !important; }
@media (max-width: 600px) {
  #vvvv.vjs-ended .item-rss > .podcast-app { right: 4px !important; bottom: 60px !important; }
}

/* Keep the follow chooser dismissible through Podbean's Hide Player control. */
.common-player.minimize #vvvv.vjs-ended .item-rss > .podcast-app { display: none !important; }
.common-player:not(.minimize) #vvvv.vjs-ended .item-rss > .podcast-app {
  right: 54px !important;
  bottom: 94px !important;
  width: min(320px, calc(100vw - 72px)) !important;
}
.common-player:has(#vvvv.vjs-ended):not(.minimize) > button.close-button {
  z-index: 105;
  background: #132235 !important;
  border: 1px solid #d4ad4c !important;
  border-radius: 7px;
  padding: 5px 8px !important;
}
.common-player:has(#vvvv.vjs-ended):not(.minimize) > button.close-button::after {
  content: " Close";
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

/* Podbean hides its app actions on narrow screens; reveal the end-of-story chooser there. */
@media (max-width: 600px) {
  #vvvv.vjs-ended .pb-actions { display: block !important; }
  #vvvv.vjs-ended .pb-actions .action-btn { display: none !important; }
  .common-player:not(.minimize) #vvvv.vjs-ended .item-rss > .podcast-app {
    position: fixed !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 90px !important;
    width: auto !important;
    z-index: 106;
  }
}
