/**
 * Customer-facing styles for My Account → My videos.
 * Deliberately neutral so it inherits the active theme's look.
 */

.wcbpv-video-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 18px;
}

.wcbpv-video-list__item {
	display: flex;
	gap: 18px;
	align-items: flex-start;
	padding: 16px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 10px;
}

.wcbpv-video-list__thumb {
	flex: 0 0 auto;
	width: 180px;
	aspect-ratio: 16 / 9;
	background: rgba(0, 0, 0, .06) center/cover no-repeat;
	border-radius: 6px;
}

.wcbpv-video-list__body { flex: 1 1 auto; min-width: 0; }

.wcbpv-video-list__title {
	margin: 0 0 6px;
	font-size: 1.05em;
	line-height: 1.35;
}

.wcbpv-video-list__meta {
	margin: 0 0 12px;
	font-size: .9em;
	opacity: .7;
}

.wcbpv-video-list__pending {
	margin: 0;
	font-size: .9em;
	opacity: .7;
}

.wcbpv-player {
	position: relative;
	aspect-ratio: 16 / 9;
	background: #000;
	border-radius: 10px;
	overflow: hidden;
}
.wcbpv-player iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

.wcbpv-player__title { margin: 0 0 14px; }

.wcbpv-player__note {
	margin-top: 12px;
	font-size: .85em;
	opacity: .7;
}

.wcbpv-back { margin-bottom: 14px; }

.wcbpv-empty {
	padding: 28px;
	text-align: center;
	border: 1px dashed rgba(0, 0, 0, .18);
	border-radius: 10px;
}

@media (max-width: 600px) {
	.wcbpv-video-list__item { flex-direction: column; }
	.wcbpv-video-list__thumb { width: 100%; }
}

/* -------------------------------------------------------------------------
   Account gate: notices shown when the cart needs a customer account
   ---------------------------------------------------------------------- */

.wcbpv-gate {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin: 0 0 24px;
	padding: 16px 18px;
	background: #f4f8f8;
	border: 1px solid rgba(31, 95, 91, .22);
	border-left: 4px solid #1f5f5b;
	border-radius: 8px;
	line-height: 1.6;
}

.wcbpv-gate__icon {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background: rgba(31, 95, 91, .12);
	border-radius: 50%;
	color: #1f5f5b;
}
.wcbpv-gate__icon svg { width: 19px; height: 19px; }
.wcbpv-gate__icon--ok { background: rgba(0, 163, 42, .12); color: #00622a; }

.wcbpv-gate__body { flex: 1 1 auto; min-width: 0; }
.wcbpv-gate__body p { margin: 0; }
.wcbpv-gate__body p + p { margin-top: 8px; }

.wcbpv-gate--logged-in {
	background: #f2faf4;
	border-color: rgba(0, 163, 42, .25);
	border-left-color: #00a32a;
}

/* Badge above the add-to-cart button */
.wcbpv-account-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 16px;
	padding: 8px 14px 8px 10px;
	background: rgba(31, 95, 91, .08);
	border-radius: 20px;
	font-size: .88em;
	line-height: 1.45;
	color: #17423f;
}
.wcbpv-account-badge__icon { display: inline-flex; color: #1f5f5b; }
.wcbpv-account-badge__icon svg { width: 16px; height: 16px; }

/* Small label next to a cart line */
.wcbpv-item-badge {
	display: inline-block;
	margin-top: 4px;
	padding: 2px 9px;
	background: rgba(31, 95, 91, .1);
	border-radius: 20px;
	font-size: 11.5px;
	font-weight: 600;
	line-height: 1.6;
	color: #1f5f5b;
	white-space: nowrap;
}

.wcbpv-login-link { font-weight: 600; text-decoration: underline; }

@media (max-width: 600px) {
	.wcbpv-gate { flex-direction: column; gap: 10px; }
}