/*
Theme Name: Merchato Child (Blackstar Halo)
Template: merchato
Description: Blackstar Halo customisations on top of Merchato.
Version: 1.0.0
Text Domain: merchato-child
*/

/* Smooth scroll for the "Lyrics" jump link (respects reduced motion). */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

#lyrics {
	scroll-margin-top: 2em;
}

/* Track page: Play / Lyrics buttons sit in the same row as Purchase. */
.record-links .js-bsh-play.is-playing {
	opacity: 0.85;
}

.record-links .js-bsh-play:before {
	content: "\f152";
	display: inline-block;
	font-family: "themicons";
	font-style: normal;
	font-weight: normal;
	margin-right: 0.4em;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	vertical-align: -0.1em;
}

.record-links .js-bsh-play.is-playing:before {
	content: "\f151";
}

/* Track credits under the artist name. */
.track-credits {
	font-size: 0.875em;
	letter-spacing: 0.05em;
	margin: -0.5em 0 1em;
	opacity: 0.8;
}

.track-credits span + span:before {
	content: "\00b7";
	margin: 0 0.5em;
}

/*
 * Album tracklist: show the play icon all the time on playable tracks
 * (the parent only shows it on hover, which is invisible on touch screens).
 */
.single-record .record-tracklist .track.is-playable:not(.is-playing):before {
	content: "\f152";
	font-family: "themicons";
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
	font-weight: normal;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.single-record .record-tracklist .track.is-playable:hover:before,
.single-record .record-tracklist .track.is-playable:focus:before {
	opacity: 0.6;
}