/* Boostedby R2 Player — scoped under #bbm-wrap for Divi compatibility */

#bbm-wrap .bbr2p {
	--bbr2p-bg: #0E1018;
	--bbr2p-surface: #15171F;
	--bbr2p-accent-a: #FF5A47;
	--bbr2p-accent-b: #FF2D6F;
	--bbr2p-text: #FFFFFF;
	margin: 0;
	max-width: 100%;
	font-family: "DM Sans", system-ui, sans-serif;
}

#bbm-wrap .bbr2p__frame {
	position: relative;
	width: 100%;
	height: 0;
	background: var(--bbr2p-bg);
	border-radius: 14px;
	overflow: hidden;
}

#bbm-wrap .bbr2p__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Big play button (initial state) */
#bbm-wrap .bbr2p__play {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	background: linear-gradient(135deg, var(--bbr2p-accent-a), var(--bbr2p-accent-b));
	box-shadow: 0 8px 24px rgba(255, 45, 111, 0.35);
	transition: transform .18s ease;
	padding-left: 4px;
}
#bbm-wrap .bbr2p__play:hover { transform: scale(1.06); }
#bbm-wrap .bbr2p__play[hidden] { display: none; }

/* Controls bar */
#bbm-wrap .bbr2p__controls {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	background: linear-gradient(to top, rgba(14,16,24,.85), rgba(14,16,24,0));
	opacity: 0;
	transition: opacity .2s ease;
}
#bbm-wrap .bbr2p__frame:hover .bbr2p__controls,
#bbm-wrap .bbr2p__controls.is-visible { opacity: 1; }
#bbm-wrap .bbr2p__controls[hidden] { display: none; }

#bbm-wrap .bbr2p__controls button {
	background: none;
	border: none;
	color: var(--bbr2p-text);
	cursor: pointer;
	padding: 4px;
	display: inline-flex;
	line-height: 0;
}

/* Progress track */
#bbm-wrap .bbr2p__track {
	position: relative;
	flex: 1;
	height: 5px;
	border-radius: 999px;
	background: rgba(255,255,255,.2);
	cursor: pointer;
}
#bbm-wrap .bbr2p__buffer {
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 0;
	border-radius: 999px;
	background: rgba(255,255,255,.3);
}
#bbm-wrap .bbr2p__progress {
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--bbr2p-accent-a), var(--bbr2p-accent-b));
}
#bbm-wrap .bbr2p__track:focus-visible { outline: 2px solid var(--bbr2p-accent-b); outline-offset: 3px; }

#bbm-wrap .bbr2p__time {
	font-family: "JetBrains Mono", ui-monospace, monospace;
	font-size: 14px;
	color: var(--bbr2p-text);
	min-width: 42px;
	text-align: center;
	font-variant-numeric: tabular-nums;
}

#bbm-wrap .bbr2p__caption {
	margin-top: 10px;
	font-size: 14px;
	color: #C7CAD1;
}

@media (prefers-reduced-motion: reduce) {
	#bbm-wrap .bbr2p__play,
	#bbm-wrap .bbr2p__controls { transition: none; }
}

/* Small play button variant */
#bbm-wrap .bbr2p__play--small {
	width: 48px;
	height: 48px;
	box-shadow: 0 4px 14px rgba(255, 45, 111, 0.3);
}
#bbm-wrap .bbr2p__play--small svg { width: 20px; height: 20px; }