/* Song page (includes/song-page.php). */

/* Compact hero: the song page only needs the title, its tags and the main actions. */
.single-ucm_song .page-hero { padding: 118px 0 26px; }
.single-ucm_song .page-hero .hero-deco { display: none; }
.single-ucm_song .page-hero h1 { font-size: 36px; margin-top: 10px; max-width: 900px; }
.single-ucm_song .page-hero .lede { margin-top: 8px; font-size: 15.5px; line-height: 1.6; max-width: 900px; }
.single-ucm_song .page-hero .hero-meta { margin-top: 12px; gap: 8px; }
.single-ucm_song .page-hero .hero-actions-row { margin-top: 12px; }
.single-ucm_song .page-hero .hero-actions-row .btn { height: 44px; padding: 0 18px; }

/* Composer, arranger and Mass setting links read as links. */
.single-ucm_song .page-hero .lede a,
.single-ucm_song .facts dd a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.single-ucm_song .page-hero .lede a { color: var(--navy); font-weight: 600; }
.single-ucm_song .page-hero .lede a:hover,
.single-ucm_song .facts dd a:hover { color: var(--primary); }

/* Lyrics: verses and choruses. */
.lyrics-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.lyrics-head h2 { margin: 0; }
.lyrics-copy { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; }
.lyrics-copy svg { flex: none; }
.lyrics-formatted .stanza { position: relative; padding-left: 46px; margin: 0 0 1.25em; }
.lyrics-formatted .stanza p { margin: 0; }
.lyrics-formatted .stanza-label { position: absolute; left: 0; top: .35em; font-size: 13px; line-height: 1.4; font-weight: 700; letter-spacing: .04em; color: var(--primary); }
.lyrics-formatted .stanza-chorus p { font-weight: 700; color: var(--navy); }
.lyrics-formatted .stanza-chorus { border-left: 3px solid var(--primary-50, #e3d6b8); padding-left: 16px; margin-left: 30px; }
.lyrics-formatted .stanza-chorus .stanza-label { position: static; display: block; text-transform: uppercase; margin-bottom: 2px; }
.lyrics-formatted .stanza-plain { padding-left: 0; }
.lyrics-fix { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid var(--line-soft); font-size: 14.5px; color: var(--muted); }
.lyrics-fix a { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 640px) {
	.single-ucm_song .page-hero { padding: 96px 0 20px; }
	.single-ucm_song .page-hero h1 { font-size: 27px; }
	.single-ucm_song .page-hero .lede { font-size: 14.5px; }
	.single-ucm_song .page-hero .hero-actions-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
	.single-ucm_song .page-hero .hero-actions-row .btn { min-width: 0; padding: 0 10px; font-size: 14px; justify-content: center; white-space: nowrap; }
	.single-ucm_song .page-hero .hero-actions-row .btn:only-child { grid-column: 1 / -1; }
	.single-ucm_song .page-hero .hero-actions-row a[href="#sheet-music"] { display: none; }
	.single-ucm_song .page-hero .crumbs { margin-bottom: 0; }
	.lyrics-formatted .stanza { padding-left: 30px; }
	.lyrics-formatted .stanza-chorus { margin-left: 14px; padding-left: 12px; }
	.lyrics { font-size: 17px; }
}