/*
Theme Name: LVCRFT
Template: underpants-mu
*/

/* ===== Release pages: artwork + buttons on the right, text wraps, sections full width below ===== */
.music-wrapper.music-wrapper--flow { display: block; max-width: none; margin: 0; }
.music-wrapper--flow::after { content: ""; display: table; clear: both; }
.music-aside { float: right; width: 300px; margin: 0 0 30px 40px; }
.music-aside .holder--music-image { margin: 0 0 30px; }
.music-wrapper--flow .holder--music-text { margin: 0 0 40px; }
.music-sections { clear: both; }
.music-section { margin: 0 0 50px; }
.music-section .holder, .music-section .related-artists, .music-section .share { margin-top: 0; }
@media (max-width: 50em) {
	.music-aside { float: none; width: 100%; max-width: 400px; margin: 0 auto 30px; }
}

/* Featuring icons: fit the width, stay square, no jumping while they load */
.music-wrapper--flow .related-artist-list { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 30px 20px; margin: 0; padding: 0; }
.music-wrapper--flow .related-artist-list::after { display: none; }
.music-wrapper--flow .related-artist-list > li { float: none; display: block; width: auto; max-width: none; padding: 0; text-align: center; }
.music-wrapper--flow .related-artist-list img { width: 100%; max-width: 150px; height: auto; aspect-ratio: 1 / 1; object-fit: cover; margin: 0 auto 8px; }

/* Release page buttons: all the same width */
.music-aside ul.links.links-style-buttons > li { width: 210px; max-width: 100%; }
.music-aside ul.links.links-style-buttons > li > a.btn { width: 100%; justify-content: center; }
.music-aside a.popup-image { cursor: zoom-in; }

/* Short text: let release info + tracklist move up beside the artwork instead of leaving a gap */
.music-wrapper--flow .holder--music-text::after { display: none; }
.music-sections { clear: none; }
.music-section { clear: right; }
.music-section--_music__info, .music-section--_music__tracklist { clear: none; }