/*
 * Chapter status (tv-chapter-status): "Låst" badge on a card photo and the unlock note in the card text.
 * These are the design defaults; every value can be changed in the widget's Style tab.
 */
.tv-chapter-status {
	display: inline-flex;
	align-items: center;
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	letter-spacing: 0;
}

.tv-chapter-status svg {
	display: block;
	flex: 0 0 auto;
}

.tv-chapter-status i {
	display: inline-grid;
	flex: 0 0 auto;
	place-items: center;
	line-height: 1;
}

/* Badge: frosted navy pill in the photo corner (position it with Advanced → Position). */
.tv-chapter-status--badge {
	gap: .35rem;
	border-radius: 999px;
	padding: .35rem .65rem;
	background: color-mix(in oklab, var(--e-global-color-primary, #051644) 86%, transparent);
	color: var(--e-global-color-e33c8be, #fcfaf6);
	font-size: .7rem;
	line-height: 1.7;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.tv-chapter-status--badge svg,
.tv-chapter-status--badge i {
	width: 14px;
	height: 14px;
	font-size: 14px;
}

/* Note: small steel line with the lock in front. */
.tv-chapter-status--note {
	display: flex;
	gap: .5rem;
	color: var(--e-global-color-secondary, #2d6ca9);
	font-size: 12px;
	line-height: 16px;
}

.tv-chapter-status--note svg,
.tv-chapter-status--note i {
	width: 13px;
	height: 13px;
	font-size: 13px;
}