/* =========================================================
   RightCrowd Pass Video Player
   ========================================================= */

.rc-pass-video {
	position: relative;
	width: 100%;
}

.rc-pass-video__wrapper {
	width: 100%;
}

.rc-pass-video__container {
	position: relative;
	width: 100%;
	aspect-ratio: var(--rc-video-ratio, 16 / 9);
	overflow: hidden;
	background: #000;
	border-radius: var(--rc-video-radius, 12px);
}

.rc-pass-video__video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #000;
}


/* =========================================================
   Pause overlay — only after play, then pause
   ========================================================= */

.rc-pass-video__state {
	position: absolute;
	inset: 0;
	z-index: 2;

	display: none;
	align-items: center;
	justify-content: center;

	margin: 0;
	padding: 0;

	border: 0;
	background: rgba(0, 0, 0, 0.35);
	cursor: pointer;

	transition: background 0.2s ease;
}

.rc-pass-video--paused.rc-pass-video--has-started .rc-pass-video__state {
	display: flex;
}

.rc-pass-video__state:hover,
.rc-pass-video__state:focus-visible {
	background: rgba(0, 0, 0, 0.45);
}

.rc-pass-video__state:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -4px;
}

.rc-pass-video__icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 72px;
	height: 72px;

	border-radius: 50%;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
}

.rc-pass-video__icon svg {
	display: block;
	width: 34px;
	height: 34px;
	fill: currentColor;
}

.rc-pass-video__icon--pause {
	display: flex;
}


/* =========================================================
   Placeholder in Bricks Builder
   ========================================================= */

.rc-pass-video-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;

	min-height: 250px;

	padding: 30px;

	background: #f5f5f5;

	border: 1px dashed #aaa;

	color: #555;

	text-align: center;
}