/* ==========================================================================
   KY体育 — HEADER
   ========================================================================== */
.ky-header {
	position: sticky;
	top: 0;
	z-index: 999;
	background: #fff;
	border-bottom: 1px solid var(--ky-line);
	box-shadow: 0 2px 0 rgba(2,122,187,.06);
}

.ky-header__inner {
	width: min(var(--ky-container), calc(100% - 40px));
	margin-inline: auto;
	display: flex;
	align-items: center;
	gap: 28px;
	min-height: 76px;
}

.ky-logo {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}
.ky-logo__mark {
	width: 42px; height: 42px;
	border-radius: 12px;
	background: linear-gradient(135deg, var(--ky-blue), var(--ky-blue-dark));
	color: #fff;
	display: grid;
	place-items: center;
	font-weight: 900;
	font-size: 16px;
	font-family: var(--ky-font-en);
	flex-shrink: 0;
}
.ky-logo__text strong {
	display: block;
	font-size: 18px;
	font-weight: 900;
	color: var(--ky-ink);
	letter-spacing: -.01em;
}
.ky-logo__text small {
	display: block;
	font-size: 11.5px;
	color: var(--ky-ink-soft);
	font-weight: 600;
	margin-top: 1px;
}

.ky-nav-toggle {
	display: none;
	width: 40px; height: 40px;
	border: none;
	background: var(--ky-bg);
	border-radius: 10px;
	margin-left: auto;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	cursor: pointer;
}
.ky-nav-toggle span { width: 20px; height: 2px; background: var(--ky-ink); border-radius: 2px; }

.ky-nav { flex: 1; }
.ky-nav__menu {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 0;
}
.ky-nav__menu a {
	display: block;
	padding: 10px 14px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 14.5px;
	color: var(--ky-ink-soft);
	white-space: nowrap;
}
.ky-nav__menu a:hover,
.ky-nav__menu .current-menu-item a,
.ky-nav__menu a.is-active {
	color: var(--ky-blue);
	background: rgba(2,122,187,.08);
}

.ky-header-search {
	display: flex;
	align-items: center;
	background: var(--ky-bg);
	border: 1px solid var(--ky-line);
	border-radius: 999px;
	padding: 4px 4px 4px 16px;
	flex-shrink: 0;
}
.ky-header-search input {
	border: none;
	background: transparent;
	outline: none;
	font-size: 13.5px;
	width: 150px;
	color: var(--ky-ink);
}
.ky-header-search button {
	border: none;
	background: var(--ky-blue);
	color: #fff;
	width: 34px; height: 34px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 13px;
	flex-shrink: 0;
}

/* ===== Sub nav strip (dải menu phụ chuyên đề world cup) ===== */
.ky-subnav {
	background: var(--ky-blue-darker);
}
.ky-subnav__inner {
	width: min(var(--ky-container), calc(100% - 40px));
	margin-inline: auto;
	display: flex;
	gap: 4px;
	overflow-x: auto;
	scrollbar-width: none;
}
.ky-subnav__inner::-webkit-scrollbar { display: none; }
.ky-subnav__inner a {
	padding: 12px 16px;
	font-size: 13.5px;
	font-weight: 700;
	color: rgba(255,255,255,.72);
	white-space: nowrap;
	border-bottom: 2px solid transparent;
}
.ky-subnav__inner a:hover,
.ky-subnav__inner a.is-active {
	color: #fff;
	border-bottom-color: var(--ky-orange);
}

@media (max-width: 980px) {
	.ky-nav-toggle { display: flex; }
	.ky-header-search { display: none; }
	.ky-nav {
		position: fixed;
		top: 76px; left: 0; right: 0;
		background: #fff;
		border-bottom: 1px solid var(--ky-line);
		max-height: 0;
		overflow: hidden;
		transition: max-height .25s ease;
	}
	.ky-nav.is-open { max-height: 480px; }
	.ky-nav__menu { flex-direction: column; align-items: stretch; padding: 10px; gap: 2px; }
	.ky-nav__menu a { padding: 13px 14px; }
}