.akhlive-template-main,
.akhlive-center,
.akhlive-single-channel {
	direction: rtl;
	box-sizing: border-box;
}

.akhlive-template-main {
	width: min(1380px, calc(100% - 28px));
	margin: 28px auto;
}

.akhlive-center {
	--akhlive-primary: #4f46e5;
	--akhlive-live: #dc2626;
	display: grid;
	gap: 28px;
	color: #172033;
}

.akhlive-center *,
.akhlive-player-shell *,
.akhlive-channel-browser *,
.akhlive-schedule * {
	box-sizing: border-box;
}

.akhlive-center-header {
	position: relative;
	overflow: hidden;
	padding: 34px;
	border-radius: 24px;
	color: #fff;
	background:
		radial-gradient(circle at 10% 15%, rgba(255,255,255,.15), transparent 28%),
		radial-gradient(circle at 88% 80%, rgba(255,255,255,.10), transparent 24%),
		linear-gradient(135deg, var(--akhlive-primary), #14213d);
	box-shadow: 0 18px 44px rgba(28,38,65,.18);
}

.akhlive-center-kicker {
	display: inline-flex;
	padding: 5px 10px;
	border-radius: 999px;
	background: var(--akhlive-live);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .08em;
}

.akhlive-center-header h1 {
	margin: 14px 0 7px;
	color: #fff;
	font-size: clamp(28px, 4vw, 48px);
	line-height: 1.2;
}

.akhlive-center-header p {
	margin: 0;
	color: rgba(255,255,255,.82);
	font-size: 15px;
}

.akhlive-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}

.akhlive-section-head h2 {
	margin: 0;
	font-size: 24px;
}

.akhlive-player-shell {
	--akhlive-primary: #4f46e5;
	--akhlive-live: #dc2626;
	overflow: hidden;
	border: 1px solid #dce3ec;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 18px 44px rgba(24,35,60,.12);
}

.akhlive-player-stage {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #05070c;
}

.akhlive-video,
.akhlive-embed {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #05070c;
	object-fit: contain;
}

.akhlive-offline-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	height: 100%;
	padding: 25px;
	color: #fff;
	background-color: #101725;
	background-position: center;
	background-size: cover;
	text-align: center;
}

.akhlive-offline-placeholder .dashicons {
	width: 54px;
	height: 54px;
	font-size: 50px;
	opacity: .85;
}

.akhlive-offline-placeholder strong {
	font-size: clamp(20px, 3vw, 34px);
}

.akhlive-offline-placeholder small {
	color: rgba(255,255,255,.76);
}

.akhlive-player-loading,
.akhlive-player-error {
	position: absolute;
	z-index: 5;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	color: #fff;
	background: radial-gradient(circle at center, #19243b, #060910 75%);
	text-align: center;
}

.akhlive-player-loading[hidden],
.akhlive-player-error[hidden] {
	display: none;
}

.akhlive-player-loading > span {
	width: 44px;
	height: 44px;
	border: 4px solid rgba(255,255,255,.22);
	border-top-color: #fff;
	border-radius: 50%;
	animation: akhlive-spin .8s linear infinite;
}

@keyframes akhlive-spin {
	to { transform: rotate(360deg); }
}

.akhlive-player-error button {
	padding: 8px 13px;
	border: 0;
	border-radius: 8px;
	color: #fff;
	background: var(--akhlive-primary);
	cursor: pointer;
}

.akhlive-player-topbar {
	position: absolute;
	z-index: 7;
	top: 14px;
	right: 14px;
	left: 14px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	pointer-events: none;
}

.akhlive-live-badge,
.akhlive-viewers,
.akhlive-card-viewers {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 6px 9px;
	border-radius: 999px;
	color: #fff;
	background: rgba(4,9,18,.72);
	backdrop-filter: blur(7px);
	font-size: 11px;
	font-weight: 800;
}

.akhlive-live-badge.is-live {
	background: var(--akhlive-live);
	box-shadow: 0 0 0 0 rgba(220,38,38,.65);
	animation: akhlive-pulse 1.8s infinite;
}

.akhlive-live-badge.is-soon {
	background: #d97706;
}

.akhlive-live-badge.is-offline {
	background: #667085;
}

@keyframes akhlive-pulse {
	70% { box-shadow: 0 0 0 10px rgba(220,38,38,0); }
	100% { box-shadow: 0 0 0 0 rgba(220,38,38,0); }
}

.akhlive-overlay-logo {
	position: absolute;
	z-index: 6;
	top: 16px;
	left: 16px;
	width: min(100px, 18%);
	max-height: 72px;
	object-fit: contain;
	filter: drop-shadow(0 4px 10px rgba(0,0,0,.42));
	pointer-events: none;
}

.akhlive-preroll {
	position: absolute;
	z-index: 12;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(1,4,10,.92);
	transition: opacity .18s ease;
}

.akhlive-preroll.is-closing {
	opacity: 0;
}

.akhlive-preroll a {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 90%;
	max-height: 85%;
}

.akhlive-preroll img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	border-radius: 12px;
	object-fit: contain;
}

.akhlive-preroll button {
	position: absolute;
	right: 16px;
	bottom: 16px;
	padding: 8px 12px;
	border: 1px solid rgba(255,255,255,.4);
	border-radius: 8px;
	color: #fff;
	background: rgba(0,0,0,.62);
	cursor: pointer;
}

.akhlive-preroll button:disabled {
	opacity: .65;
	cursor: not-allowed;
}

.akhlive-player-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 17px 19px;
}

.akhlive-player-brand {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.akhlive-player-brand img,
.akhlive-channel-logo img,
.akhlive-channel-logo span {
	width: 52px;
	height: 52px;
	border-radius: 14px;
	object-fit: contain;
	background: #f5f7fa;
}

.akhlive-channel-logo span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: var(--akhlive-primary);
	font-size: 22px;
	font-weight: 900;
}

.akhlive-player-brand h2,
.akhlive-player-brand p {
	margin: 0;
}

.akhlive-player-brand h2 {
	font-size: 20px;
}

.akhlive-player-brand p {
	margin-top: 4px;
	color: #687383;
}

.akhlive-player-actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.akhlive-player-actions button,
.akhlive-player-actions a,
.akhlive-event-watch {
	padding: 8px 11px;
	border: 1px solid #d6dde7;
	border-radius: 8px;
	color: #293548;
	background: #fff;
	font: inherit;
	text-decoration: none;
	cursor: pointer;
}

.akhlive-player-actions button.is-active {
	color: #9a6700;
	background: #fff7d6;
}

.akhlive-player-schedule {
	padding: 0 18px 18px;
}

.akhlive-channel-browser {
	--akhlive-primary: #4f46e5;
	--akhlive-live: #dc2626;
}

.akhlive-browser-tools {
	display: grid;
	gap: 10px;
	margin-bottom: 14px;
}

.akhlive-browser-tools input[type="search"] {
	width: 100%;
	min-height: 44px;
	padding: 8px 13px;
	border: 1px solid #d5dce6;
	border-radius: 10px;
	background: #fff;
}

.akhlive-filter-chips {
	display: flex;
	gap: 7px;
	flex-wrap: wrap;
}

.akhlive-filter-chips button {
	padding: 7px 11px;
	border: 1px solid #d5dce6;
	border-radius: 999px;
	color: #364152;
	background: #fff;
	cursor: pointer;
}

.akhlive-filter-chips button.is-active {
	border-color: var(--akhlive-primary);
	color: #fff;
	background: var(--akhlive-primary);
}

.akhlive-channel-list {
	display: grid;
	gap: 15px;
}

.akhlive-channel-list.is-grid {
	grid-template-columns: repeat(var(--akhlive-columns, 3), minmax(0, 1fr));
}

.akhlive-channel-list.is-list,
.akhlive-channel-list.is-compact {
	grid-template-columns: 1fr;
}

.akhlive-channel-card {
	overflow: hidden;
	border: 1px solid #dfe5ed;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 9px 24px rgba(27,38,63,.07);
	transition: transform .18s ease, box-shadow .18s ease;
}

.akhlive-channel-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 15px 34px rgba(27,38,63,.12);
}

.akhlive-channel-card[hidden] {
	display: none !important;
}

.akhlive-channel-poster {
	position: relative;
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #101725;
}

.akhlive-channel-poster img,
.akhlive-card-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.akhlive-card-placeholder {
	color: rgba(255,255,255,.85);
	background: linear-gradient(135deg, var(--akhlive-primary), #17223c);
	font-size: 28px;
	font-weight: 900;
}

.akhlive-channel-poster .akhlive-live-badge {
	position: absolute;
	top: 10px;
	right: 10px;
}

.akhlive-card-play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	padding-right: 3px;
	border-radius: 50%;
	color: #fff;
	background: rgba(0,0,0,.55);
	backdrop-filter: blur(8px);
	transform: translate(-50%, -50%);
}

.akhlive-channel-card-body {
	position: relative;
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	padding: 13px;
}

.akhlive-channel-copy h3,
.akhlive-channel-copy p {
	margin: 0;
}

.akhlive-channel-copy h3 {
	font-size: 15px;
}

.akhlive-channel-copy h3 a {
	color: #1d2939;
	text-decoration: none;
}

.akhlive-channel-copy p {
	margin-top: 4px;
	overflow: hidden;
	color: #667085;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.akhlive-card-viewers {
	grid-column: 3;
	grid-row: 1;
	align-self: start;
	padding: 4px 7px;
	background: #eef2f7;
	color: #475467;
	backdrop-filter: none;
}

.akhlive-card-favorite {
	position: absolute;
	left: 11px;
	bottom: 10px;
	width: 30px;
	height: 30px;
	border: 1px solid #d9e0e8;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}

.akhlive-card-favorite.is-active {
	color: #a56d00;
	background: #fff5cc;
}

.akhlive-channel-card.is-list,
.akhlive-channel-card.is-compact {
	display: grid;
	grid-template-columns: minmax(180px, 32%) minmax(0, 1fr);
}

.akhlive-channel-card.is-list .akhlive-channel-poster,
.akhlive-channel-card.is-compact .akhlive-channel-poster {
	aspect-ratio: 16 / 9;
}

.akhlive-channel-card.is-compact .akhlive-card-play,
.akhlive-channel-card.is-compact .akhlive-card-viewers {
	display: none;
}

.akhlive-schedule {
	display: grid;
	gap: 8px;
}

.akhlive-event {
	display: grid;
	grid-template-columns: 75px 64px minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 10px;
	padding: 12px;
	border: 1px solid #e0e6ed;
	border-radius: 12px;
	background: #fff;
}

.akhlive-event.is-now {
	border-color: #f2b8bd;
	background: #fff7f7;
}

.akhlive-event-time strong,
.akhlive-event-time small,
.akhlive-event-copy h3,
.akhlive-event-copy p {
	display: block;
	margin: 0;
}

.akhlive-event-time small,
.akhlive-event-copy p {
	margin-top: 3px;
	color: #687383;
	font-size: 11px;
}

.akhlive-event-type {
	display: inline-flex;
	justify-content: center;
	padding: 5px 7px;
	border-radius: 999px;
	background: #eef2ff;
	color: #4338ca;
	font-size: 10px;
	font-weight: 800;
}

.akhlive-event-type.is-match {
	background: #e8f7ed;
	color: #187844;
}

.akhlive-event-type.is-news {
	background: #eaf3ff;
	color: #1d5d9e;
}

.akhlive-event-now {
	padding: 5px 7px;
	border-radius: 999px;
	color: #fff;
	background: var(--akhlive-live);
	font-size: 10px;
	font-weight: 800;
}

.akhlive-rights-notice {
	padding: 13px 15px;
	border: 1px solid #e5dcb8;
	border-radius: 11px;
	color: #72580b;
	background: #fffae9;
	font-size: 12px;
}

.akhlive-channel-description {
	padding: 24px;
	margin-top: 22px;
	border: 1px solid #e1e6ed;
	border-radius: 16px;
	background: #fff;
}

.akhlive-empty {
	padding: 24px;
	border: 1px dashed #cbd5df;
	border-radius: 12px;
	color: #667085;
	background: #fafbfc;
	text-align: center;
}

@media (max-width: 1050px) {
	.akhlive-channel-list.is-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.akhlive-template-main {
		width: min(100% - 16px, 1380px);
		margin: 12px auto;
	}

	.akhlive-center {
		gap: 18px;
	}

	.akhlive-center-header {
		padding: 24px 20px;
		border-radius: 16px;
	}

	.akhlive-player-shell,
	.akhlive-channel-card {
		border-radius: 13px;
	}

	.akhlive-player-info {
		align-items: flex-start;
		flex-direction: column;
	}

	.akhlive-channel-list.is-grid {
		grid-template-columns: 1fr;
	}

	.akhlive-event {
		grid-template-columns: 62px minmax(0, 1fr) auto;
	}

	.akhlive-event-type {
		grid-column: 3;
		grid-row: 1;
	}

	.akhlive-event-copy {
		grid-column: 2 / 4;
		grid-row: 2;
	}

	.akhlive-event-now,
	.akhlive-event-watch {
		grid-row: 3;
	}

	.akhlive-channel-card.is-list,
	.akhlive-channel-card.is-compact {
		grid-template-columns: 135px minmax(0, 1fr);
	}

	.akhlive-channel-card-body {
		grid-template-columns: 44px minmax(0, 1fr);
		padding: 10px;
	}

	.akhlive-channel-logo img,
	.akhlive-channel-logo span {
		width: 44px;
		height: 44px;
	}
}


.akhlive-player-badges {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
}

.akhlive-demo-live-badge {
	display: inline-flex;
	align-items: center;
	padding: 6px 9px;
	border-radius: 999px;
	color: #312e81;
	background: rgba(238,242,255,.94);
	font-size: 10px;
	font-weight: 900;
	backdrop-filter: blur(7px);
}


.akhlive-player-actions .akhlive-official-source {
	border-color: #c8d5ff;
	color: #3730a3;
	background: #eef2ff;
	font-weight: 700;
}
.akhlive-player-actions .akhlive-official-source:hover {
	color: #fff;
	background: var(--akhlive-primary);
}