/* Single sermon (single-wpfc_sermon.php). Builds on the sermon-design.css tokens so the page
   matches the archives: dark hero with the player inside, action bar, two-column body, archive cards. */

/* ===== Hero ===== */
.wgbc-sermon-design .sd-hero.sd-single-hero{background:linear-gradient(100deg,#09202ff5,#09202fd9 45%,#185777c7),var(--sd-hero-image) center 48%/cover;padding:24px 0 48px}
.wgbc-sermon-design .sd-single-hero .sd-breadcrumb{flex-wrap:wrap;gap:8px 12px;margin-bottom:28px}
.wgbc-sermon-design .sd-single-hero .sd-breadcrumb [aria-current]{color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.wgbc-sermon-design .sd-single-hero__grid{display:grid;gap:28px}
.wgbc-sermon-design .sd-single-hero .sd-eyebrow{margin:0 0 10px;padding:0}
.wgbc-sermon-design .sd-single-hero .sd-eyebrow a{color:inherit}
.wgbc-sermon-design .sd-single-hero .sd-eyebrow a:hover{color:#fff}
.wgbc-sermon-design .sd-hero.sd-single-hero h1{font-size:clamp(34px,4.2vw,52px);line-height:1.08;letter-spacing:-.02em;margin:0 0 22px;max-width:none;overflow-wrap:break-word}

/* Preacher chip */
.wgbc-sermon-design .sd-single-preacher{display:inline-flex;align-items:center;gap:14px;padding:8px 18px 8px 8px;border:1px solid #ffffff2e;border-radius:12px;background:#ffffff12;color:#fff;transition:background .18s,border-color .18s;max-width:100%}
.wgbc-sermon-design .sd-single-preacher:hover{background:#ffffff1f;border-color:#ffffff59}
.wgbc-sermon-design .sd-single-preacher img{width:64px;height:64px;flex-shrink:0;object-fit:cover;object-position:center 25%;border-radius:9px;border:2px solid #ffffffd9}
.wgbc-sermon-design .sd-single-preacher>span{display:flex;flex-direction:column;min-width:0}
.wgbc-sermon-design .sd-single-preacher__label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-gold)}
.wgbc-sermon-design .sd-single-preacher__name{font-family:Georgia,serif;font-size:21px;line-height:1.25}
.wgbc-sermon-design .sd-single-preacher__role{font-size:14px;color:#c9d8e0}
.wgbc-sermon-design .sd-single-pills{justify-content:flex-start;margin-top:18px}
.wgbc-sermon-design a.sd-pill:hover{background:#ffffff26;border-color:#ffffff73}

/* Media column: video, or artwork + audio player (audio-only sermons) */
.wgbc-sermon-design .sd-single-hero__media{display:flex;flex-direction:column;gap:14px;min-width:0}
.wgbc-sermon-design .sd-single-video,.wgbc-sermon-design .sd-single-art{border-radius:12px;overflow:hidden;background:#000;box-shadow:0 18px 40px #0007;border:1px solid #ffffff26;margin:0}
.wgbc-sermon-design .sd-single-video .wgbc-sermon-video{margin:0;max-width:none}
.wgbc-sermon-design .sd-single-video iframe,.wgbc-sermon-design .sd-single-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:0;box-shadow:none}
.wgbc-sermon-design .sd-single-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.wgbc-sermon-design .sd-single-audio .wgbc-audio{--wgbc-accent:#185777!important;border:0;border-radius:12px;padding:14px 16px;box-shadow:0 18px 40px #0005}
.wgbc-sermon-design .sd-single-audio .wgbc-audio__meta{display:none}
.wgbc-sermon-design .sd-single-audio .wgbc-audio__bar{grid-template-columns:auto auto auto minmax(0,1fr) auto auto;row-gap:12px}
.wgbc-sermon-design .sd-single-audio .wgbc-progress{grid-column:1/-1;grid-row:2}
.wgbc-sermon-design .sd-single-audio .wgbc-rate__select{min-height:38px}
/* Phones: SermonMedia's own mobile rules hide skip/speed/download and enlarge play to 88px.
   Keep every control in a compact row instead, with the timeline on its own line. */
@media(max-width:640px){
 .wgbc-sermon-design .sd-single-audio .wgbc-audio{padding:12px;border-radius:12px}
 .wgbc-sermon-design .sd-single-audio .wgbc-audio__bar{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto auto;justify-items:stretch;align-items:center;gap:12px 6px}
 .wgbc-sermon-design .sd-single-audio .wgbc-skip-back,.wgbc-sermon-design .sd-single-audio .wgbc-skip-fwd,.wgbc-sermon-design .sd-single-audio .wgbc-download{display:inline-flex!important;padding:8px 10px}
 .wgbc-sermon-design .sd-single-audio .wgbc-rate{display:block!important;grid-column:5}
 .wgbc-sermon-design .sd-single-audio .wgbc-download{grid-column:6}
 .wgbc-sermon-design .sd-single-audio .wgbc-download .wgbc-btn__txt{display:none}
 .wgbc-sermon-design .sd-single-audio .wgbc-play{width:48px;height:48px;padding:0;box-shadow:none}
 .wgbc-sermon-design .sd-single-audio .wgbc-play svg{width:24px;height:24px}
 .wgbc-sermon-design .sd-single-audio .wgbc-progress{width:auto;max-width:none;grid-template-columns:minmax(0,1fr) auto;gap:10px}
 .wgbc-sermon-design .sd-single-audio .wgbc-time{text-align:right;font-size:13px}
 .wgbc-sermon-design .sd-single-audio .wgbc-rate__select{min-height:36px;padding:4px 6px}
}
.wgbc-sermon-design .sd-single-audio--native{background:#fff;border-radius:12px;padding:12px}
/* The audio player's own action links are disabled in the shortcode; the action bar below the hero carries them. */

/* ===== Action bar ===== */
.wgbc-sermon-design .sd-single-actionbar{background:#fff;border-bottom:1px solid var(--sd-line)}
.wgbc-sermon-design .sd-single-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:16px 0}
.wgbc-sermon-design .sd-single-actions__group{display:flex;flex-wrap:wrap;gap:10px}
.wgbc-sermon-design .sd-single-actions__group:empty{display:none}
.wgbc-sermon-design .sd-single-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1.5px solid var(--sd-blue);border-radius:6px;background:#fff;color:var(--sd-blue);font-size:14px;font-weight:700;line-height:1.2;transition:background .18s,color .18s,border-color .18s}
.wgbc-sermon-design .sd-single-btn:hover{background:var(--sd-blue);color:#fff}
.wgbc-sermon-design .sd-single-btn--gold{background:var(--sd-gold);border-color:var(--sd-gold);color:var(--sd-ink)}
.wgbc-sermon-design .sd-single-btn--gold:hover{background:#d6b97f;border-color:#d6b97f;color:var(--sd-ink)}
.wgbc-sermon-design .sd-single-btn--quiet{border-color:var(--sd-line);color:var(--sd-muted)}
.wgbc-sermon-design .sd-single-btn--quiet:hover{background:#f5f7f7;border-color:#b9c7cf;color:var(--sd-ink)}

/* ===== Body ===== */
.wgbc-sermon-design .sd-single-body{display:grid;gap:24px;padding-top:34px;align-items:start}
.wgbc-sermon-design .sd-single-main,.wgbc-sermon-design .sd-single-side{display:grid;gap:24px;min-width:0}
.wgbc-sermon-design .sd-single-card{background:#fff;border:1px solid var(--sd-line);border-radius:10px;padding:24px;min-width:0}
.wgbc-sermon-design .sd-single-card__title{font-family:Georgia,serif;font-size:26px;font-weight:400;line-height:1.2;color:var(--sd-ink);margin:0 0 16px;padding:0}
.wgbc-sermon-design .sd-single-prose{font-size:16px;line-height:1.75;color:#33495a}
.wgbc-sermon-design .sd-single-prose p{margin:0;padding:0}
.wgbc-sermon-design .sd-single-prose p+p{margin-top:14px}
.wgbc-sermon-design .sd-single-prose a{color:var(--sd-blue);text-decoration:underline}

/* Preacher bio */
.wgbc-sermon-design .sd-single-bio__head{display:flex;align-items:center;gap:18px;margin-bottom:16px}
.wgbc-sermon-design .sd-single-bio__head img{width:88px;height:88px;flex-shrink:0;object-fit:cover;object-position:center 25%;border-radius:10px}
.wgbc-sermon-design .sd-single-bio .sd-eyebrow{margin:0 0 4px;padding:0}
.wgbc-sermon-design .sd-single-bio .sd-single-card__title{margin:0}
.wgbc-sermon-design .sd-single-bio__role{margin:4px 0 0;padding:0;font-size:14px;color:var(--sd-muted)}
.wgbc-sermon-design .sd-single-more{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:15px;font-weight:700;color:var(--sd-blue)}
.wgbc-sermon-design .sd-single-more svg{width:16px;height:16px;transition:transform .18s}
.wgbc-sermon-design .sd-single-more:hover svg{transform:translateX(3px)}

/* Scripture (wgbc_scripture_accordions output) */
.wgbc-sermon-design .sd-single-scripture__ref{font-weight:700;margin:0 0 12px;padding:0}
.wgbc-sermon-design .sd-single-scripture .wgbc-scripture-accordion{border:1px solid var(--sd-line);border-radius:8px;background:#f9fbfb;margin:0}
.wgbc-sermon-design .sd-single-scripture .wgbc-scripture-accordion+.wgbc-scripture-accordion{margin-top:10px}
.wgbc-sermon-design .sd-single-scripture .wgbc-scripture-summary{padding:14px 16px;font-size:16px;color:var(--sd-ink)}
.wgbc-sermon-design .sd-single-scripture .wgbc-scripture-content{padding:0 16px 14px;font-family:Georgia,serif;font-size:17px;line-height:1.75;color:#2b4152}
.wgbc-sermon-design .sd-single-scripture .wgbc-verse-num{color:#987337;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;margin-right:4px}

/* Details */
.wgbc-sermon-design .sd-single-facts{margin:0;padding:0}
.wgbc-sermon-design .sd-single-facts>div{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;border-top:1px solid var(--sd-line)}
.wgbc-sermon-design .sd-single-facts>div:first-child{border-top:0;padding-top:0}
.wgbc-sermon-design .sd-single-facts dt{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--sd-muted);white-space:nowrap}
.wgbc-sermon-design .sd-single-facts dt svg,.wgbc-sermon-design .sd-single-chipset h3 svg{width:16px;height:16px;flex-shrink:0;color:#987337}
.wgbc-sermon-design .sd-single-facts dd{margin:0;font-size:15px;font-weight:700;color:var(--sd-ink);text-align:right}
.wgbc-sermon-design .sd-single-facts dd a{color:var(--sd-blue)}
.wgbc-sermon-design .sd-single-facts dd a:hover{text-decoration:underline}
.wgbc-sermon-design .sd-single-chipset{margin-top:18px;padding-top:18px;border-top:1px solid var(--sd-line)}
.wgbc-sermon-design .sd-single-chipset h3{display:flex;align-items:center;gap:8px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--sd-muted);margin:0 0 10px;padding:0}
.wgbc-sermon-design .sd-single-chips{display:flex;flex-wrap:wrap;gap:8px}
.wgbc-sermon-design .sd-single-chip{display:inline-flex;align-items:center;padding:6px 12px;border:1px solid var(--sd-line);border-radius:999px;background:#f5f7f7;color:var(--sd-blue);font-size:13px;font-weight:700;line-height:1.3;transition:background .18s,color .18s,border-color .18s}
.wgbc-sermon-design a.sd-single-chip:hover{background:var(--sd-blue);border-color:var(--sd-blue);color:#fff}

/* Share (ds-script.js handles copy/native share) */
.wgbc-sermon-design .wgbc-share__buttons{display:flex;flex-wrap:wrap;gap:8px}
.wgbc-sermon-design .wgbc-share__btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 14px;border:1px solid var(--sd-line);border-radius:6px;background:#fff;color:var(--sd-ink);font-size:14px;font-weight:700;line-height:1;cursor:pointer;transition:background .18s,border-color .18s}
.wgbc-sermon-design .wgbc-share__btn:hover{background:#f5f7f7;border-color:#b9c7cf}
.wgbc-sermon-design .wgbc-share__btn svg{width:16px;height:16px;color:var(--sd-blue)}

/* ===== More from ===== */
.wgbc-sermon-design .sd-single-related{padding-top:56px}
.wgbc-sermon-design .sd-single-related .sermon-rows{margin-top:0}

/* ===== Breakpoints ===== */
@media(min-width:1001px){
 .wgbc-sermon-design .sd-hero.sd-single-hero{padding:24px 0 56px}
 .wgbc-sermon-design .sd-single-hero .sd-breadcrumb{margin-bottom:34px}
 .wgbc-sermon-design .sd-single-hero__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center}
 .wgbc-sermon-design .sd-single-hero__media{order:-1}
 .wgbc-sermon-design .sd-single-body{grid-template-columns:minmax(0,1fr) 380px;gap:28px}
 .wgbc-sermon-design .sd-single-side{position:sticky;top:24px}
}
@media(max-width:600px){
 .wgbc-sermon-design .sd-hero.sd-single-hero{padding:20px 0 32px}
 .wgbc-sermon-design .sd-single-hero .sd-breadcrumb{margin-bottom:22px;font-size:13px}
 .wgbc-sermon-design .sd-hero.sd-single-hero h1{font-size:34px}
 .wgbc-sermon-design .sd-single-preacher{width:100%}
 .wgbc-sermon-design .sd-single-actions{flex-direction:column;align-items:stretch}
 .wgbc-sermon-design .sd-single-btn{flex:1 1 calc(50% - 5px);padding:10px 12px;text-align:center}
 .wgbc-sermon-design .sd-single-card{padding:20px 18px}
 .wgbc-sermon-design .sd-single-card__title{font-size:23px}
 .wgbc-sermon-design .sd-single-bio__head img{width:72px;height:72px}
 .wgbc-sermon-design .sd-single-related{padding-top:44px}
}