/* responsive overrides */

/* ── Hamburger in header bar (mobile only) ── */
.header__hamburger {
	display: none;
}

@media (max-width: 767px) {
	.header__hamburger {
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		gap: 4px;
		width: 38px;
		height: 34px;
		border: 0;
		border-radius: 8px;
		background: #2C6DEC;
		padding: 0;
		cursor: pointer;
		flex-shrink: 0;
		order: 10;
	}

	.header__hamburger span {
		display: block;
		width: 18px;
		height: 2px;
		background: #fff;
		margin: 0 auto;
		border-radius: 2px;
	}

	/* Hide desktop nav row on mobile — hamburger replaces it */
	.site-header__inner--nav {
		display: none !important;
	}
	
	/* Hide search in header on mobile */
	.header__actions {
		display: none !important;
	}
}

/* ── Iframe embeds: allow touch-scrolling on mobile ── */
.card iframe {
	max-width: 100%;
}

@media (max-width: 767px) {
	/* Wrapper must allow scroll so iframes with wide content work on mobile */
	.card:has(> iframe) {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.card iframe {
		min-height: 500px;
		height: 80vh;
		max-height: 700px;
	}

	/* Scoreboard teams row: prevent overflow on small screens */
	.scoreboard__teams {
		gap: var(--spacing-1);
	}

	.scoreboard__team-name {
		font-size: 0.8125rem;
		word-break: break-word;
	}
}