/* Chrome: wordmark, header and footer (dark "night" bars, per the brand sheet). */

/* Wordmark: yellow bolt, BEST + POWER (blue) over tracked GENERATORS.COM. */
.bpg-logo {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	text-decoration: none;
	color: var(--wp--preset--color--paper);
	line-height: 1;
}
.bpg-logo:hover { color: var(--wp--preset--color--paper); }
.bpg-logo__bolt { width: 1.6rem; height: 2.2rem; fill: var(--wp--preset--color--volt); flex: none; }
.bpg-logo__words { display: flex; flex-direction: column; gap: 0.2rem; }
.bpg-logo__top {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 800;
	font-size: 1.45rem;
	letter-spacing: -0.01em;
	text-transform: uppercase;
}
.bpg-logo__power { color: var(--wp--preset--color--electric); }
.bpg-logo__bottom {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: 0.62rem;
	letter-spacing: 0.36em;
	text-transform: uppercase;
}

.bpg-header {
	background: var(--wp--preset--color--night);
	color: var(--wp--preset--color--paper);
	padding-top: 0.85rem;
	padding-bottom: 0.85rem;
	border-bottom: 3px solid var(--wp--preset--color--electric);
}
.bpg-header__bar { gap: var(--wp--preset--spacing--30); }
.bpg-header__right { gap: var(--wp--preset--spacing--30); align-items: center; }

.bpg-nav a {
	color: var(--wp--preset--color--paper);
	text-decoration: none;
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--label);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: var(--wp--custom--tracking);
}
.bpg-nav a:hover { color: var(--wp--preset--color--volt); }
.bpg-nav .wp-block-navigation__responsive-container.is-menu-open a { font-size: var(--wp--preset--font-size--heading-sm); }
.bpg-header__search {
	display: inline-flex;
	padding: 0.35rem;
	color: var(--wp--preset--color--paper);
	border-radius: var(--wp--custom--radius);
}
.bpg-header__search:hover { color: var(--wp--preset--color--volt); }
.bpg-header__search .bpg-icon { width: 1.25rem; height: 1.25rem; }

.bpg-footer {
	background: var(--wp--preset--color--night);
	color: #C9D1DD;
	padding-top: var(--wp--preset--spacing--60);
	padding-bottom: var(--wp--preset--spacing--40);
	font-size: var(--wp--preset--font-size--small);
	border-top: 3px solid var(--wp--preset--color--volt);
}
.bpg-footer a { color: var(--wp--preset--color--paper); text-decoration: none; }
.bpg-footer a:hover { color: var(--wp--preset--color--volt); text-decoration: underline; }
.bpg-footer .bpg-logo:hover { text-decoration: none; }
.bpg-footer__grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: var(--wp--preset--spacing--50);
}
.bpg-footer__tagline { margin-top: var(--wp--preset--spacing--30); color: var(--wp--preset--color--paper); }
.bpg-footer .bpg-label { color: var(--wp--preset--color--volt); }
.bpg-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.4rem; }
.bpg-footer__legal { margin-top: var(--wp--preset--spacing--50); border-top: 1px solid rgba(255, 255, 255, 0.14); padding-top: var(--wp--preset--spacing--30); }

@media (max-width: 47.99rem) {
	.bpg-footer__grid { grid-template-columns: 1fr; }
	.bpg-logo__top { font-size: 1.2rem; }
	.bpg-logo__bottom { font-size: 0.55rem; letter-spacing: 0.3em; }
	.bpg-logo__bolt { width: 1.35rem; height: 1.85rem; }
}