/* Purchase controls shared by song cards in shops, albums, playlists and stores. */
.bmm-product-row__actions {
	--kol-awc-song-button-bg: #edf3ee;
	--kol-awc-song-button-hover: #e1efe4;
	--kol-awc-song-button-border: #cbd8ce;
	--kol-awc-song-button-text: #173d22;
	--kol-awc-song-points-color: #a56b00;
}

html.dark-mode .bmm-product-row__actions,
body.dark-mode .bmm-product-row__actions,
[data-theme="dark"] .bmm-product-row__actions {
	--kol-awc-song-button-bg: #202d25;
	--kol-awc-song-button-hover: #283a2e;
	--kol-awc-song-button-border: #3c5142;
	--kol-awc-song-button-text: #dff5e5;
	--kol-awc-song-points-color: #f3bc55;
}

.bmm-product-row__actions .kol-awc-payment-stack {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
	flex: 0 0 168px;
	width: 168px;
	max-width: 100%;
	min-width: 0;
	margin-left: auto;
	box-sizing: border-box;
}

.bmm-product-row__actions .kol-awc-payment-button {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 8px !important;
	width: 100%;
	min-width: 0;
	min-height: 36px;
	height: auto;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 8px 12px !important;
	border: 1px solid var(--kol-awc-song-button-border) !important;
	border-radius: 4px !important;
	background: var(--kol-awc-song-button-bg) !important;
	color: var(--kol-awc-song-button-text) !important;
	box-shadow: none !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	cursor: pointer;
}

.bmm-product-row__actions .kol-awc-payment-button:hover,
.bmm-product-row__actions .kol-awc-payment-button:focus-visible {
	background: var(--kol-awc-song-button-hover) !important;
}

.bmm-product-row__actions .kol-awc-payment-button:focus-visible {
	outline: 2px solid #58b873;
	outline-offset: 2px;
}

.bmm-product-row__actions .kol-awc-payment-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 17px;
	width: 17px;
	height: 17px;
}

.bmm-product-row__actions .kol-awc-payment-icon svg,
.bmm-product-row__actions .kol-awc-payment-dashicon {
	display: block;
	width: 17px;
	height: 17px;
	font-size: 17px;
	line-height: 17px;
	color: currentColor;
}

.bmm-product-row__actions .kol-awc-payment-button--bmpoints .kol-awc-payment-icon {
	color: var(--kol-awc-song-points-color);
}

.bmm-product-row__actions .kol-awc-payment-label {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 4px;
	min-width: 0;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	line-height: inherit;
}

@media (max-width: 900px) {
	.bmm-product-row__actions .kol-awc-payment-stack {
		flex: 1 1 168px;
		width: 100%;
		max-width: 320px;
		margin-left: 0;
	}
}