/*
 * ---------------------------------------------------------
 * Legacy Release Tracklist
 * ---------------------------------------------------------
 */

.belakor-legacy-toggle {
	width: 100%;
	margin: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}


/*
 * Track heading
 */
.belakor-legacy-toggle-title {
	display: flex;
	align-items: center;
	justify-content: space-between;

	width: 100%;

	padding: 14px 0;

	margin: 0;

	background: transparent;
	border: 0;

	color: inherit;

	font-family: inherit;
	font-size: 15px;
	font-weight: 600;

	line-height: 1.4;

	text-align: left;

	cursor: pointer;

	transition: opacity 0.2s ease;
}


.belakor-legacy-toggle-title:hover {
	opacity: 0.7;
}


/*
 * Track name
 */
.belakor-legacy-toggle-name {
	display: block;
	flex: 1;
}


/*
 * +/- indicator
 */
.belakor-legacy-toggle-icon {
	display: block;

	flex: 0 0 auto;

	margin-left: 20px;

	font-size: 20px;
	font-weight: 300;

	line-height: 1;
}


/*
 * Lyrics/content
 */
.belakor-legacy-toggle-content {
	padding: 5px 0 25px 0;

	font-size: inherit;
	line-height: 1.7;
}


.belakor-legacy-toggle-content[hidden] {
	display: none !important;
}


.belakor-legacy-toggle-content p:first-child {
	margin-top: 0;
}


.belakor-legacy-toggle-content p:last-child {
	margin-bottom: 0;
}



/*
 * ---------------------------------------------------------
 * Release Buy Section
 * ---------------------------------------------------------
 */

.belakor-release-buy {
	margin: 30px 0;
}


/* BUY heading */
.belakor-release-buy-heading,
.belakor-release-buy-title {
	margin: 0 0 15px;

	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;

	text-transform: uppercase;
	letter-spacing: 1px;
}


/* Link container */
.belakor-release-buy-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	gap: 10px;
}


/* Individual store buttons */
.belakor-release-buy-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 40px;

	padding: 8px 16px;

	border: 1px solid rgba(255, 255, 255, 0.35);

	background: transparent;

	color: inherit !important;

	font-size: 13px;
	font-weight: 600;

	line-height: 1;

	text-decoration: none !important;

	text-transform: uppercase;
	letter-spacing: 0.5px;

	transition:
		background-color 0.2s ease,
		border-color 0.2s ease,
		opacity 0.2s ease;
}


.belakor-release-buy-link:hover {
	background: rgba(255, 255, 255, 0.10);

	border-color: rgba(255, 255, 255, 0.7);

	color: inherit !important;
}


/*
 * Mobile
 */
@media (max-width: 600px) {

	.belakor-release-buy-links {
		flex-direction: column;
		align-items: stretch;
	}

	.belakor-release-buy-link {
		width: 100%;
	}

}




/*
 * =========================================================
 * Be'lakor Release Layout
 * =========================================================
 */

.belakor-release-layout {
	display: grid;

	grid-template-columns:
		minmax(280px, 400px)
		minmax(0, 1fr);

	gap: 55px;

	align-items: start;

	width: 100%;
}


/*
 * ---------------------------------------------------------
 * LEFT COLUMN
 * ---------------------------------------------------------
 */

.belakor-release-sidebar {
	min-width: 0;
}


.belakor-release-artwork {
	width: 100%;
	margin: 0 0 28px;
}


.belakor-release-artwork a {
	display: block;
}


.belakor-release-artwork img {
	display: block;

	width: 100%;
	height: auto;

	margin: 0;
}


/*
 * Buy section now sits beneath artwork
 */
.belakor-release-sidebar .belakor-release-buy {
	margin: 0;
}


.belakor-release-sidebar
.belakor-release-buy-heading,

.belakor-release-sidebar
.belakor-release-buy-title {
	margin-top: 0;
}


/*
 * ---------------------------------------------------------
 * RIGHT COLUMN
 * ---------------------------------------------------------
 */

.belakor-release-main {
	min-width: 0;
}


/*
 * Release heading
 */
.belakor-release-page-title {
	margin-top: 0;
	margin-bottom: 20px;
}


/*
 * Release metadata
 */
.belakor-release-meta {
	margin-bottom: 35px;
}


.belakor-release-meta-row {
	display: flex;

	margin-bottom: 4px;

	line-height: 1.6;
}


.belakor-release-meta-row strong {
	flex: 0 0 auto;

	margin-right: 6px;
}


.belakor-release-meta-row strong::after {
	content: " :";
}


/*
 * Main release content
 */
.belakor-release-content {
	width: 100%;
}


/*
 * Prevent first content item getting unnecessary
 * space above it.
 */
.belakor-release-content > :first-child {
	margin-top: 0;
}


/*
 * ---------------------------------------------------------
 * Track toggles inside new layout
 * ---------------------------------------------------------
 */

.belakor-release-main
.belakor-legacy-toggle {
	width: 100%;
}


.belakor-release-main
.belakor-legacy-toggle-title {
	padding-top: 12px;
	padding-bottom: 12px;
}


/*
 * ---------------------------------------------------------
 * Mobile
 * ---------------------------------------------------------
 */

@media (max-width: 850px) {

	.belakor-release-layout {
		display: block;
	}


	.belakor-release-sidebar {
		margin-bottom: 40px;
	}


	.belakor-release-artwork {
		max-width: 500px;
	}


	.belakor-release-buy-links {
		flex-direction: row;
		align-items: center;
	}


	.belakor-release-buy-link {
		width: auto;
	}

}


@media (max-width: 600px) {

	.belakor-release-buy-links {
		flex-direction: column;
		align-items: stretch;
	}


	.belakor-release-buy-link {
		width: 100%;
	}

}


/*
 * =========================================================
 * Homepage / Release Grid Buy Section
 * =========================================================
 */

.belakor-release-buy-loop {
	margin: 15px 0 30px;
	text-align: center;
}


.belakor-release-buy-loop
.belakor-release-buy-heading {
	margin: 0 0 10px;

	font-size: 14px;
	font-weight: 700;

	text-transform: uppercase;
	letter-spacing: 1px;
}


.belakor-release-buy-loop
.belakor-release-buy-links {
	display: flex;
	flex-wrap: wrap;

	justify-content: center;

	gap: 6px;
}


.belakor-release-buy-loop
.belakor-release-buy-link {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	min-height: 32px;

	padding: 7px 10px;

	font-size: 10px;

	line-height: 1;

	white-space: nowrap;
}