@import url("../gameday-tab/style.css");
@import url("../seasonal-attention/style.css");
@import url("../weather-strip/style.css");

.pulse-site-header {
	position: sticky;
	top: 0;
	z-index: 40;
	box-sizing: border-box;
	border-bottom: 1px solid var(--line);
	background: color-mix(in srgb, var(--paper) 92%, transparent);
	font-family: var(--font);
	backdrop-filter: blur(10px);
}
.pulse-site-header *, .pulse-site-header *::before, .pulse-site-header *::after { box-sizing: border-box; }
.pulse-site-header__bar { background: color-mix(in srgb, var(--paper) 92%, transparent); }
.pulse-site-header__wrap {
	display: flex;
	align-items: center;
	gap: 14px;
	max-width: var(--wrap);
	height: 64px;
	margin-inline: auto;
	padding-inline: 20px;
}
.pulse-site-header__deck { display: flex; align-items: center; }
.pulse-site-header__deck--brand { flex: none; }
.pulse-site-header__logo { display: inline-block; line-height: 0; }
.pulse-site-header__logo img { display: block; width: auto; height: 28px; }
.pulse-site-header__deck--nav {
	flex: 1 1 auto;
	justify-content: flex-end;
	gap: clamp(8px, 1.25vw, 16px);
	min-width: 0;
}
.pulse-site-header__desktop-nav {
	display: flex;
	flex: 0 1 auto;
	align-items: center;
	justify-content: flex-end;
	gap: clamp(8px, 1.35vw, 22px);
	min-width: 0;
}
.pulse-site-header__desktop-nav a,
.pulse-site-header__phone-nav a {
	color: var(--text);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
}
.pulse-site-header__desktop-nav a:hover,
.pulse-site-header__phone-nav a:hover { color: var(--pink); }
.pulse-site-header__phone-nav { display: none; }

@media (max-width: 759px) {
	.pulse-site-header__wrap {
		display: block;
		height: auto;
		padding: 0;
	}
	.pulse-site-header__deck--brand {
		height: 44px;
		padding-inline: 12px;
	}
	.pulse-site-header__logo img { height: 24px; }
	.pulse-site-header__deck--nav {
		justify-content: flex-start;
		gap: 4px;
		height: 48px;
		padding-inline: 8px;
		border-top: 1px solid var(--line);
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: none;
	}
	.pulse-site-header__deck--nav::-webkit-scrollbar { display: none; }
	.pulse-site-header__desktop-nav { display: none; }
	.pulse-site-header__phone-nav {
		display: flex;
		flex: none;
		align-items: stretch;
		align-self: stretch;
		gap: 0;
	}
	.pulse-site-header__phone-nav a {
		display: inline-flex;
		align-items: center;
		padding-inline: 4px;
		font-size: 13px;
	}
	.pulse-site-header .pulse-gameday-tab {
		min-height: 36px;
		padding-inline: 9px;
		font-size: 13px;
	}
}