/* Bible Teaching (inc/teaching.php): additions on top of sermon-design.css + sermon-single.css.
   Everything is scoped under .wgbc-sermon-design and prefixed tl-. The mockups in mockups/teaching/ link this file too. */

/* Generated artwork for lessons with no image (most old audio). Used on cards and in the single-lesson hero. */
.wgbc-sermon-design .tl-art{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;aspect-ratio:16/9;padding:7% 8%;background:radial-gradient(120% 90% at 100% 0,#185777 0,transparent 60%),linear-gradient(160deg,#0c2a3d,#09202f);color:#fff;overflow:hidden;text-align:left}
.wgbc-sermon-design .tl-art::before{content:"";position:absolute;right:-6%;top:-12%;width:46%;aspect-ratio:1;border:2px solid #e1c99a33;border-radius:50%}
.wgbc-sermon-design .tl-art::after{content:"";position:absolute;right:4%;top:-2%;width:26%;aspect-ratio:1;border:2px solid #e1c99a22;border-radius:50%}
.wgbc-sermon-design .tl-art__kicker{position:relative;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--sd-gold);margin:0 0 6px}
.wgbc-sermon-design .tl-art__title{position:relative;font-family:Georgia,serif;font-size:clamp(17px,2.2vw,24px);line-height:1.15;margin:0;color:#fff}
.wgbc-sermon-design .tl-art__by{position:relative;font-size:12px;color:#c9d8e0;margin:8px 0 0}
.wgbc-sermon-design .sd-single-art .tl-art{border-radius:inherit;padding:8% 9%}
.wgbc-sermon-design .sd-single-art .tl-art__kicker{font-size:13px}
.wgbc-sermon-design .sd-single-art .tl-art__title{font-size:clamp(24px,3.4vw,40px)}
.wgbc-sermon-design .sd-single-art .tl-art__by{font-size:15px}
.wgbc-sermon-design .tl-part-pill{position:absolute;left:10px;top:10px;z-index:2;background:#09202fd9;color:var(--sd-gold);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:999px}

/* Memorial line inside the hero and the bio card. */
.wgbc-sermon-design .tl-dates{font-family:Georgia,serif;font-size:16px;color:#c9d8e0;margin:6px 0 0}
.wgbc-sermon-design .sd-single-card .tl-dates{color:var(--sd-muted);font-size:14px;margin:2px 0 0}

/* Teacher who also preached: hero button. */
.wgbc-sermon-design .tl-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}
.wgbc-sermon-design .tl-hero-actions .sd-jump{margin:0}
@media(min-width:1001px){.wgbc-sermon-design .tl-hero-actions{justify-content:flex-start;margin-top:18px}}
.wgbc-sermon-design .tl-sermons-btn{gap:8px;background:#ffffff14}
.wgbc-sermon-design .tl-sermons-btn:hover{background:#ffffff26;color:#fff}
.wgbc-sermon-design .tl-sermons-btn svg,.wgbc-sermon-design .tl-xb .sd-button svg{width:18px;height:18px}

/* Sermons banner on a teacher who also preached (chosen option B). */
.wgbc-sermon-design .tl-xb{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 36px;border-radius:12px;background:linear-gradient(100deg,#09202ff7 35%,#185777c7),var(--tl-xb-image) center/cover;color:#fff}
.wgbc-sermon-design .tl-xb .sd-eyebrow{color:var(--sd-gold)}
.wgbc-sermon-design .tl-xb h2{font-family:Georgia,serif;font-weight:400;font-size:32px;margin:0 0 8px;padding:0;color:#fff}
.wgbc-sermon-design .tl-xb p{max-width:520px;margin:0;color:#d5e1e8}
.wgbc-sermon-design .tl-xb__actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 auto}
.wgbc-sermon-design .tl-xb .sd-button{gap:8px}
.wgbc-sermon-design .tl-xb__latest{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#c9d8e0}.wgbc-sermon-design .tl-xb__latest svg{width:14px;height:14px}
.wgbc-sermon-design .tl-xb__latest:hover{color:#fff}

@media(max-width:800px){
 .wgbc-sermon-design .tl-xb{flex-direction:column;align-items:flex-start;padding:26px 22px}
 .wgbc-sermon-design .tl-xb__actions{align-items:flex-start}
}
@media(max-width:600px){
 .wgbc-sermon-design .tl-sermons-btn{width:100%;justify-content:center}
 .wgbc-sermon-design .tl-xb h2{font-size:26px}
}

/* Downloads in the action bar. */
.wgbc-sermon-design .tl-dl{gap:8px}
.wgbc-sermon-design .tl-dl svg{width:18px;height:18px}
.wgbc-sermon-design .tl-dl small{font-weight:400;opacity:.75}

/* Transcript: collapsed by default, text stays in the page for search engines. */
.wgbc-sermon-design .tl-transcript{border:1px solid var(--sd-line);border-radius:9px;background:#fff}
.wgbc-sermon-design .tl-transcript summary{display:flex;align-items:center;gap:10px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:700;color:var(--sd-ink)}
.wgbc-sermon-design .tl-transcript summary::-webkit-details-marker{display:none}
.wgbc-sermon-design .tl-transcript summary svg{width:20px;height:20px;color:var(--sd-blue)}
.wgbc-sermon-design .tl-transcript summary small{margin-left:auto;font-weight:400;color:var(--sd-muted)}
.wgbc-sermon-design .tl-transcript summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;opacity:.6;margin:-4px 2px 0 6px}
.wgbc-sermon-design .tl-transcript[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.wgbc-sermon-design .tl-transcript__body{max-height:520px;overflow:auto;padding:4px 18px 18px;border-top:1px solid var(--sd-line);font-size:16px;line-height:1.75}
.wgbc-sermon-design .tl-transcript__body p{margin:14px 0 0}
.wgbc-sermon-design .tl-transcript__disclaimer{display:flex;gap:12px;align-items:flex-start;margin:0 14px 14px;padding:14px 16px;border:1px solid #e6dcc6;border-left:4px solid #987337;border-radius:8px;background:#fbf8f1;color:#4a5a66;font-size:14px;line-height:1.6}
.wgbc-sermon-design .tl-transcript__disclaimer svg{flex:0 0 20px;width:20px;height:20px;margin-top:1px;color:#987337}
.wgbc-sermon-design .tl-transcript__disclaimer p{margin:0;padding:0;font-style:italic}
.wgbc-sermon-design .tl-transcript__disclaimer .tl-transcript__disclaimer-title{margin-bottom:4px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-style:normal;font-weight:700;color:#987337}
.wgbc-sermon-design .tl-references-lead{margin:-4px 0 14px;padding:0;font-size:14px;color:var(--sd-muted)}
.wgbc-sermon-design .tl-transcript__note{font-size:13px;color:var(--sd-muted);font-style:italic}

/* Series: prev/next under the hero, and the parts list in the sidebar. */
.wgbc-sermon-design .tl-series-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.wgbc-sermon-design .tl-series-nav a{display:flex;flex-direction:column;gap:2px;min-height:44px;padding:10px 14px;border:1px solid var(--sd-line);border-radius:8px;background:#fff;color:var(--sd-ink);font-size:14px;line-height:1.3}
.wgbc-sermon-design .tl-series-nav a small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#987337}
.wgbc-sermon-design .tl-series-nav a:hover{border-color:#b1c6d2}
.wgbc-sermon-design .tl-series-nav .tl-next{text-align:right}
.wgbc-sermon-design .tl-series-nav .tl-of{font-size:13px;font-weight:700;color:var(--sd-muted);white-space:nowrap}
.wgbc-sermon-design .tl-parts{list-style:none;margin:0;padding:0;max-height:360px;overflow:auto;counter-reset:part}
.wgbc-sermon-design .tl-parts li a,.wgbc-sermon-design .tl-parts li span{display:flex;gap:10px;padding:8px 6px;border-radius:6px;font-size:14px;line-height:1.35;color:var(--sd-ink)}
.wgbc-sermon-design .tl-parts li a:hover{background:#f5f7f7}
.wgbc-sermon-design .tl-parts b{flex:0 0 26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#eef3f5;font-size:12px;color:var(--sd-blue)}
.wgbc-sermon-design .tl-parts [aria-current] {background:#fdf8ef;font-weight:700}
.wgbc-sermon-design .tl-parts [aria-current] b{background:var(--sd-gold);color:var(--sd-ink)}

/* Teacher profile: one block per series, then standalone lessons. */
.wgbc-sermon-design .tl-block + .tl-block{margin-top:44px}
.wgbc-sermon-design .tl-block .sd-heading h2 small{display:block;font-family:Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#987337;margin-bottom:4px}

/* Directory card: lesson count line under the name / date band. */
.wgbc-sermon-design .sd-directory-card .tl-count{font-size:13px;font-weight:700;color:var(--sd-blue);margin:0 0 2px}
.wgbc-sermon-design .sd-memorial-card .tl-count{padding:9px 0 11px}

/* Teacher tiles in the browse card (5–7 teachers fit in one row). */
.wgbc-sermon-design .tl-teacher-tiles .sd-browse-photo img{object-position:center 25%}

@media(max-width:600px){.wgbc-sermon-design .tl-dl small{display:none}}
@media(max-width:700px){
 .wgbc-sermon-design .tl-series-nav{grid-template-columns:1fr 1fr}
 .wgbc-sermon-design .tl-series-nav .tl-of{grid-column:1/-1;grid-row:1;text-align:center}
}

.wgbc-sermon-design .tl-crosslink-wrap{padding-top:34px}

/* Layout bits the mockups faked inline. */
.wgbc-sermon-design .tl-series-nav-wrap{padding-top:22px}
.wgbc-sermon-design .tl-show-all{text-align:center;margin:22px 0 0}
.wgbc-sermon-design .tl-empty{padding:34px 24px;border:1px solid var(--sd-line);border-radius:12px;background:#fff;text-align:center}
.wgbc-sermon-design .tl-empty h3{font-family:Georgia,serif;font-weight:400;font-size:26px;margin:0 0 6px;padding:0;color:var(--sd-ink)}
.wgbc-sermon-design .tl-empty p{color:var(--sd-muted);margin:0 0 16px}
.wgbc-sermon-design .sd-single-main>.tl-transcript{margin-bottom:22px}

/* Pagination: same look as the sermon archive (inline styles in archive-wpfc_sermon.php). */
.wgbc-sermon-design .sermon-pagination{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}
.wgbc-sermon-design .sermon-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:12px;font-weight:700;line-height:1;border:1px solid #cfdae5;background:#fff;color:#23435f;box-shadow:0 5px 14px rgba(14,35,52,.08);transition:background .18s,color .18s,border-color .18s,transform .18s}
.wgbc-sermon-design .sermon-pagination a.page-numbers:hover{background:#eef4f9;color:#153247;border-color:#afc3d6;transform:translateY(-1px)}
.wgbc-sermon-design .sermon-pagination .page-numbers.current{background:linear-gradient(160deg,#254e6e 0%,#3a6c92 100%);color:#fff;border-color:#254e6e;box-shadow:0 8px 18px rgba(25,58,84,.24)}
.wgbc-sermon-design .sermon-pagination .prev,.wgbc-sermon-design .sermon-pagination .next{border-radius:999px;padding:0 18px}
.wgbc-sermon-design .sermon-pagination .dots{border-color:transparent;background:transparent;box-shadow:none;color:#6f8397}
@media(max-width:767px){.wgbc-sermon-design .sermon-pagination{gap:8px}.wgbc-sermon-design .sermon-pagination .page-numbers{min-width:38px;height:38px;padding:0 12px}}