/* Shared UI chrome: section heads, tabs, pagination, drawer hints */
.ui-v4 .km-section-head--v4 .km-section-head__title {
	font-family: var(--v4-font-display);
	font-size: clamp(1.35rem, 2.5vw, 1.75rem);
	letter-spacing: 0.04em;
	color: transparent;
	background: var(--v4-grad-text-display);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 2px 14px rgba(192, 132, 252, 0.35));
	position: relative;
	padding-bottom: 0.35rem;
}

.ui-v4 .km-section-head--v4 .km-section-head__title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 4.5rem;
	height: 3px;
	border-radius: 2px;
	background: var(--v4-grad-line);
	box-shadow: 0 0 14px var(--v4-border-glow);
}

.ui-v4 .km-section-head__all--v4 {
	border: 1px solid var(--v4-edge);
	border-radius: 999px;
	padding: 0.35rem 1rem;
	color: var(--v4-gold);
	background: var(--v4-surface-2);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ui-v4 .km-section-head__all--v4:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 28px var(--v4-vi-35);
}

.ui-v4 .km-day-filter--grid-v2.km-day-filter--v4 .km-day-filter__track {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	width: 100%;
	box-sizing: border-box;
	background: var(--v4-surface-2);
	border: 1px solid var(--v4-edge);
	border-radius: var(--v4-radius-lg);
	padding: 0.4rem;
	gap: 0.4rem;
}

.ui-v4 .km-day-filter--grid-v2.km-day-filter--v4 .km-day-filter__tab {
	background: var(--v4-surface-3);
	color: var(--v4-text-dim);
	border: 1px solid transparent;
}

.ui-v4 .km-day-filter--grid-v2.km-day-filter--v4 .km-day-filter__tab .km-day-filter__en {
	color: var(--v4-text-soft);
}

.ui-v4 .km-day-filter--grid-v2.km-day-filter--v4 .km-day-filter__tab .km-day-filter__vi {
	color: var(--v4-text-dim);
}

.ui-v4 .km-day-filter--grid-v2.km-day-filter--v4 .km-day-filter__tab:hover {
	background: var(--v4-vi-35);
	color: var(--v4-text-main);
}

.ui-v4 .km-day-filter--grid-v2.km-day-filter--v4 .km-day-filter__tab:hover .km-day-filter__en,
.ui-v4 .km-day-filter--grid-v2.km-day-filter--v4 .km-day-filter__tab:hover .km-day-filter__vi {
	color: var(--v4-text-main);
}

.ui-v4 .km-day-filter--v4 .km-day-filter__tab--active {
	background: linear-gradient(135deg, rgba(219, 39, 119, 0.58), rgba(124, 58, 237, 0.55), rgba(244, 114, 182, 0.35));
	border-color: var(--v4-hl-35);
	color: var(--v4-text-main);
	box-shadow: 0 4px 22px rgba(0, 0, 0, 0.38), 0 0 24px var(--v4-pk-25);
}

.ui-v4 .km-day-filter--v4 .km-day-filter__tab--active .km-day-filter__en,
.ui-v4 .km-day-filter--v4 .km-day-filter__tab--active .km-day-filter__vi {
	color: var(--v4-text-main);
}

/* Phân trang (archive, lưới trang chủ) — không viền, trang hiện tại gradient V4 */
.ui-v4 .km-pagination a.page-numbers,
.ui-v4 .km-pagination span.page-numbers {
	border: none;
	background: rgba(36, 12, 52, 0.72);
	color: var(--v4-text-soft);
	box-shadow: none;
}

.ui-v4 .km-pagination a.page-numbers:hover {
	background: rgba(62, 20, 78, 0.88);
	color: var(--v4-text-main);
	box-shadow: 0 0 22px var(--v4-pk-25);
}

.ui-v4 .km-pagination span.page-numbers.current {
	background: var(--v4-grad-cta);
	border: none;
	color: var(--v4-on-gradient);
	text-shadow: var(--v4-on-gradient-shadow);
	box-shadow:
		0 4px 18px rgba(0, 0, 0, 0.35),
		0 4px 22px var(--v4-hl-22);
}

.ui-v4 .km-pagination span.page-numbers.dots {
	border: none;
	background: transparent;
	color: var(--v4-text-dim);
}

/* Đè gradient cam .km-streaming-ui + .km-catalog-list */
body.ui-v4.km-streaming-ui .km-pagination a.page-numbers,
body.ui-v4.km-streaming-ui .km-pagination span.page-numbers {
	border: none;
	background: rgba(36, 12, 52, 0.72);
	color: var(--v4-text-soft);
	box-shadow: none;
}

body.ui-v4.km-streaming-ui .km-pagination a.page-numbers:hover {
	background: rgba(62, 20, 78, 0.88);
	border: none;
	color: var(--v4-text-main);
	box-shadow: 0 0 22px var(--v4-pk-25);
}

body.ui-v4.km-streaming-ui .km-pagination a.page-numbers:focus-visible {
	outline: 2px solid var(--v4-accent);
	outline-offset: 2px;
}

body.ui-v4.km-streaming-ui .km-pagination span.page-numbers.current,
body.ui-v4.km-streaming-ui .km-catalog-list .km-pagination span.page-numbers.current {
	border: none;
	background: var(--v4-grad-cta);
	color: var(--v4-on-gradient);
	text-shadow: var(--v4-on-gradient-shadow);
	box-shadow:
		0 4px 18px rgba(0, 0, 0, 0.35),
		0 4px 22px var(--v4-hl-22);
}

body.ui-v4.km-streaming-ui .km-pagination span.page-numbers.dots {
	border: none;
	background: transparent;
	color: var(--v4-text-dim);
}

body.ui-v4.km-streaming-ui .km-pagination span.page-numbers.prev,
body.ui-v4.km-streaming-ui .km-pagination span.page-numbers.next {
	background: rgba(24, 8, 36, 0.55);
	border: none;
	color: var(--v4-text-dim);
	box-shadow: none;
}

/* Chip lọc / tag trên danh sách phim — bỏ cam streaming */
body.ui-v4.km-streaming-ui .km-catalog-list .km-chip {
	background: rgba(36, 12, 52, 0.65);
	border: 1px solid var(--v4-edge);
	color: var(--v4-text-soft);
}

body.ui-v4.km-streaming-ui .km-catalog-list .km-chip:hover {
	border-color: var(--v4-hl-35);
	color: var(--v4-lilac);
	background: rgba(62, 20, 78, 0.55);
}

body.ui-v4.km-streaming-ui .km-catalog-list .km-card:hover {
	box-shadow:
		0 22px 48px rgba(0, 0, 0, 0.58),
		0 0 0 1px var(--v4-border),
		0 0 36px var(--v4-pk-25);
}

body.ui-v4.km-streaming-ui .km-catalog-list .km-card__badge {
	background: var(--v4-grad-cta);
	color: var(--v4-on-gradient);
	text-shadow: var(--v4-on-gradient-shadow);
	border: none;
	box-shadow: 0 2px 14px var(--v4-hl-22);
}

body.ui-v4.km-streaming-ui .km-catalog-list .km-card__rating-inline {
	color: var(--v4-peach);
}

body.ui-v4.km-streaming-ui .km-catalog-list .km-btn--primary {
	background: var(--v4-grad-cta);
	color: var(--v4-on-gradient);
	text-shadow: var(--v4-on-gradient-shadow);
	border: 1px solid var(--v4-hl-35);
	box-shadow: 0 4px 22px var(--v4-hl-22);
}

body.ui-v4.km-streaming-ui .km-catalog-list .km-btn--primary:hover {
	filter: brightness(1.06);
	color: var(--v4-on-gradient);
	border-color: var(--v4-hl-45);
}

body.ui-v4.km-streaming-ui .km-catalog-list .km-btn--primary:focus-visible {
	outline: 2px solid var(--v4-accent);
	outline-offset: 2px;
}

body.ui-v4.km-streaming-ui .km-catalog-list .km-btn--ghost:hover {
	border-color: var(--v4-hl-35);
	color: var(--v4-lilac);
	background: var(--v4-hl-08);
}

body.ui-v4.km-streaming-ui .km-history__guest-meta a {
	color: var(--v4-accent);
}

body.ui-v4.km-streaming-ui .km-history__guest-meta a:hover {
	color: var(--v4-lilac);
}

.ui-v4 .km-drawer {
	background: rgba(6, 4, 14, 0.94);
	border-left: 1px solid var(--v4-divider);
	backdrop-filter: blur(12px);
}

.ui-v4 .km-drawer__list a {
	border-radius: var(--v4-radius-md);
}

.ui-v4 .km-drawer__list a:hover {
	background: var(--v4-surface-2);
	color: var(--v4-gold);
}

.ui-v4 .km-bnav {
	background: var(--v4-surface-1);
	border-top: 1px solid var(--v4-divider);
	backdrop-filter: blur(10px);
}

.ui-v4 .km-bnav__item.is-active,
.ui-v4 .km-bnav__item:hover {
	color: var(--v4-gold);
}

.ui-v4 .km-back-top {
	background: var(--v4-surface-3);
	border: 1px solid var(--v4-edge);
	color: var(--v4-gold);
	box-shadow: var(--v4-shadow-elevated);
}