/* ==========================================================
   Blog — video credit and "Watch on YouTube" player (2026-11-12)
   ========================================================== */

/* Credit line under the vlog title */
.icpb-stage .icpb-meta { flex-wrap: wrap; gap: 6px 18px; }
.icpb-stage .icpb-meta > span { display: inline-flex; align-items: center; gap: 6px; }
.icpb-by { font-weight: 800; color: #fff; }
.icpb-by a { color: #FFB3CF !important; text-decoration: underline; text-underline-offset: 3px; }

/* Credit box after the text */
.icpb-credit {
	margin: 28px 0 0;
	padding: 18px 22px;
	border-radius: 16px;
	background: color-mix(in srgb, var(--c) 8%, #fff);
	border: 1px solid color-mix(in srgb, var(--c) 25%, #fff);
	font-size: 15.5px;
	line-height: 1.6;
	color: var(--txt);
}
.icpb-credit p { margin: 0; }
.icpb-credit__h {
	margin-bottom: 6px !important;
	font-size: 12.5px;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--c);
}
.icpb-credit__links { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 10px !important; }
.icpb-credit__links a { font-weight: 800; color: var(--c) !important; }

/* Video that can't be played here: thumbnail + "Watch on YouTube" */
.icpb-player--out { display: block; }
.icpb-player--out img { transition: transform 0.4s, filter 0.3s; filter: brightness(0.82); }
.icpb-player--out:hover img { transform: scale(1.03); filter: brightness(0.7); }
.icpb-player--out .icpb-play { width: 84px; height: 84px; margin: -42px 0 0 -42px; }
.icpb-player__note {
	position: absolute;
	left: 50%;
	bottom: 22px;
	transform: translateX(-50%);
	padding: 8px 16px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-weight: 800;
	font-size: 15px;
	white-space: nowrap;
}