/* Small fixes loaded on every page after the page styles (template-parts/general/head.php).
   Kept separate from the compiled Tailwind files so they survive a rebuild of those files. */

/* Main photos that load right away (img_attr(..., true)) get the same full-width sizing that home-v2.css and
   bootcamp-v2.css give lazy-loaded photos through img[data-src]. */
img[fetchpriority="high"] {
	width: 100%;
	max-width: 1920px;
}

/* Tap-to-call button in the header on phones and tablets; the full menu shows the number on wide screens. */
header .k9-call {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 44px;
	padding: 0 14px;
	border-radius: 999px;
	background: var(--color-primary, #002B66);
	color: #fff;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
}
header .k9-call:hover,
header .k9-call:focus-visible {
	filter: brightness(1.12);
}
header .k9-call + #menu {
	margin-left: 0;
}
@media (width >= 1170px) {
	header .k9-call {
		display: none;
	}
}
@media print {
	header .k9-call {
		display: none;
	}
}

/* Comfortable tap target for the menu button on touch screens. */
@media (pointer: coarse) {
	#menu > summary {
		min-width: 44px;
		min-height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}