/*
 * Screen 02 "Гледай на живо" (page 53) — core blocks + hopetv/live-player + hopetv/on-air.
 * Extends style.css section 16 for the markup Gutenberg writes.
 *
 *   .hc-section.hc-live
 *     .hc-live__heading      Group (row): p.hc-live__badge + h1.hc-live__title
 *     .hc-live__cols         Group
 *       .hc-live__main       Group: hopetv/live-player, hopetv/on-air (now)
 *       aside.hc-live__aside Group: h2.hc-live__aside-title, hopetv/on-air (list), Buttons
 */

.wp-block-group.hc-live { padding-top: 0; }
.wp-block-group.hc-section.hc-live > * + * { margin-top: 20px; }

/* Heading row */
.wp-block-group.hc-live__heading { gap: 12px; }
.hc-live__heading > * { margin: 0; }
p.hc-live__badge { flex: none; line-height: 1.5; }
p.hc-live__badge::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
	animation: hc-pulse 1.4s ease-in-out infinite;
	flex: none;
}
h1.hc-live__title {
	margin: 0;
	font-size: clamp(24px, 3.4vw, 40px);
	line-height: 1;
	letter-spacing: -.02em;
	min-width: 0;
	overflow-wrap: anywhere;
}

/* Player + aside */
.wp-block-group.hc-live__cols { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.hc-live__cols > *,
.hc-live__main > *,
.hc-live__aside > * { margin-block: 0; }
.wp-block-group.hc-live__main { flex: 2.2 1 560px; max-width: 100%; box-sizing: border-box; }
.wp-block-group.hc-live__aside {
	flex: 1 1 300px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 16px;
	border-radius: 20px;
	background: var(--hc-card);
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
}
h2.hc-live__aside-title {
	margin: 0;
	padding: 2px 4px 6px;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: 0;
}
.hc-live__aside .wp-block-buttons { margin-top: 4px; }
.hc-live__aside .wp-block-button.hc-live__all { width: 100%; }
.hc-live__aside .wp-block-button.hc-live__all .wp-block-button__link {
	width: 100%;
	min-height: 44px;
	border-radius: 12px;
	font-weight: 800;
	font-size: 13px;
}

/* The player block */
.hc-live__player { margin: 0; }
.hc-live__player--empty {
	display: grid;
	place-items: center;
	padding: 24px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	background: linear-gradient(135deg, var(--hc-blue) 0%, var(--hc-blue-deep) 55%, var(--hc-navy) 100%);
}
.hc-live__player--empty p { margin: 0; max-width: 420px; font-size: 15px; font-weight: 700; line-height: 1.5; }

@media (max-width: 959px) {
	.wp-block-group.hc-live__main,
	.wp-block-group.hc-live__aside { flex-basis: 100%; }
	.hc-live__player { border-radius: 16px; }
}