/* Base style to match Tutor LMS icon sizing */
i[class^="scltv-icon-"],
i[class*=" scltv-icon-"] {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

/* -------------------------
 * Apple Music (generic note in a circle)
 * ------------------------- */
.scltv-icon-apple {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M14 7.5v6.2a2.5 2.5 0 1 1-1.6-2.36V9.2L10 10'/%3E%3C/svg%3E");
}

/* -------------------------
 * Bandcamp (slanted stripe)
 * ------------------------- */
.scltv-icon-bandcamp {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='4' y='7.5' width='16' height='9' rx='1.5' ry='1.5' fill='none'/%3E%3Cpath d='M8 16.5l4-9 4 9z' fill='currentColor' stroke='none'/%3E%3C/svg%3E");
}

/* -------------------------
 * TikTok (stylized note)
 * ------------------------- */
.scltv-icon-tiktok {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5.2v8.3a3.3 3.3 0 1 1-2.2-3.11V8.3a4.5 4.5 0 0 0 3.6 1.8'/%3E%3C/svg%3E");
}

/* -------------------------
 * YouTube (play in rounded rect)
 * ------------------------- */
.scltv-icon-youtube {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='4' y='7' width='16' height='10' rx='3' ry='3'/%3E%3Cpath d='M11 10v4l4-2z' fill='currentColor' stroke='none'/%3E%3C/svg%3E");
}