/* GHJ Creator Hub: live state helpers */
body:not(.ghj-is-live) .ghj-show-when-live { display: none !important; }
body.ghj-is-live .ghj-hide-when-live { display: none !important; }

.ghj-live-badge {
	--ghj-live: #e8590c;
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	padding: 0.35em 0.85em;
	border-radius: 999px;
	font-family: Oswald, Inter, sans-serif;
	font-weight: 600;
	font-size: 0.85rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.2;
	color: #ede6ea;
	background: rgba(237, 230, 234, 0.08);
	border: 1px solid rgba(237, 230, 234, 0.18);
	white-space: nowrap;
}
.ghj-live-badge[hidden] { display: none !important; }
.ghj-live-badge.is-live { background: var(--ghj-live); border-color: var(--ghj-live); color: #fff; }
.ghj-live-badge:hover, .ghj-live-badge:focus-visible { color: #fff; filter: brightness(1.08); }
.ghj-live-dot { width: 0.55em; height: 0.55em; border-radius: 50%; background: #8f8088; flex: none; }
.ghj-live-badge.is-live .ghj-live-dot { background: #fff; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); animation: ghj-pulse 1.6s infinite; }
@keyframes ghj-pulse {
	0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); }
	70% { box-shadow: 0 0 0 0.6em rgba(255, 255, 255, 0); }
	100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
@media (prefers-reduced-motion: reduce) { .ghj-live-badge.is-live .ghj-live-dot { animation: none; } }

.ghj-live-embed:empty { display: none; }
.ghj-live-embed { position: relative; width: 100%; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #000; }
.ghj-live-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }