/* Craig's Bird Place — live typography (Metropolis), overrides HPH Varela critical CSS. */
@font-face {
	font-family: "MetropolisRegular";
	font-display: swap;
	src: url("/fonts/MetropolisRegular.otf") format("opentype");
}
@font-face {
	font-family: "MetropolisExtraBold";
	font-display: swap;
	src: url("/fonts/MetropolisExtraBold.otf") format("opentype");
}
body,
.maincontent {
	font-family: MetropolisRegular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
h1,
h2,
h3,
.h1style,
.stdform1headingc {
	font-family: MetropolisExtraBold, system-ui, sans-serif !important;
}
h1 {
	color: #0c71e0 !important;
	font-size: 46px;
	line-height: 1.2em;
}
ul.breadcrumb {
	background-color: rgba(114, 198, 239, 0.35) !important;
}

/* Live CBP button tokens (gen1.css) — item split loads gen1-min/HPH without these until full gen1. */
:root {
	--defaultbutton4bgcolornormal: #0c71e0;
	--defaultbutton4bgcolorhover: #00ffff;
	--defaultbutton4textcolornormal: #ffffff;
	--defaultbutton4textcolorhover: #ffffff;
	--defaultbutton4iconcolornormal: #7ae4ff;
	--defaultbutton4iconcolorhover: #10a5f5;
}

a.bi4 {
	background: var(--defaultbutton4bgcolornormal) !important;
	color: var(--defaultbutton4textcolornormal) !important;
}
a.bi4 .biiri,
a.bi4 .biili {
	color: var(--defaultbutton4iconcolornormal) !important;
}
a.bi4:hover {
	background: var(--defaultbutton4bgcolorhover) !important;
}
a.bi4:hover > .bitli,
a.bi4:hover > .bitri {
	color: var(--defaultbutton4textcolorhover) !important;
}
a.bi4:hover > .biili,
a.bi4:hover > .biiri {
	color: var(--defaultbutton4iconcolorhover) !important;
}

/* Product gallery — match live kit (light/neutral), not HPH gen1-item-above grey/cyan fill. */
#bigprodgal-inpage,
#bigprodgal-inpage.blueimp-gallery.blueimp-gallery-carousel,
.imground {
	background: none !important;
}
#bigprodgal-inpage.blueimp-gallery-carousel {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}