/*
 * Shared V1 brand identity.
 * The full logo is the approved transparent owner asset; the favicon files are
 * pixel-only crops derived from that exact asset without redrawing or recolour.
 */
.wordmark.wordmark--brand {
	display: inline-flex;
	width: 118px;
	min-width: 118px;
	flex: 0 0 118px;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.wordmark.wordmark--brand::after {
	display: none;
}

.wordmark__logo {
	display: block;
	width: 100%;
	height: auto;
	max-height: 78px;
	object-fit: contain;
}

.site-footer__brand {
	align-items: flex-start;
}

.site-footer__logo {
	display: block;
	object-fit: contain;
}

body.login {
	background: #111216;
}

body.login #login {
	width: min(380px, calc(100% - 32px));
	padding-top: clamp(28px, 7vh, 72px);
}

body.login #login h1 a {
	width: min(270px, 78vw);
	height: 196px;
	margin: 0 auto 18px;
	background-image: url("../dist/assets/brand/fuzhou-owner-logo-trimmed.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

body.login #loginform,
body.login #registerform,
body.login #lostpasswordform {
	border: 1px solid #d7dbe1;
	border-top: 4px solid #b20d25;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(23, 25, 29, 0.1);
}

body.login .button-primary {
	background: #b20d25;
	border-color: #8d0a1d;
}

body.login .button-primary:hover,
body.login .button-primary:focus {
	background: #8d0a1d;
	border-color: #750817;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a,
body.login .language-switcher label {
	color: #dfe2e7;
}

body.login #nav a:hover,
body.login #backtoblog a:hover,
body.login .privacy-policy-page-link a:hover {
	color: #d6a623;
}

@media (min-width: 1321px) {
	.site-header.site-header--street {
		grid-template-columns: 126px minmax(0, 1fr) max-content;
	}

	.wordmark.wordmark--brand {
		width: 126px;
		min-width: 126px;
		flex-basis: 126px;
	}
}

@media (min-width: 1240px) and (max-width: 1320px) {
	.site-header.site-header--street {
		grid-template-columns: 108px minmax(0, 1fr) max-content;
	}

	.wordmark.wordmark--brand {
		width: 108px;
		min-width: 108px;
		flex-basis: 108px;
	}
}

@media (max-width: 1239px) {
	.wordmark.wordmark--brand {
		justify-self: center;
	}
}

@media (max-width: 430px) {
	.wordmark.wordmark--brand {
		width: 98px;
		min-width: 98px;
		flex-basis: 98px;
	}

	.wordmark__logo {
		max-height: 70px;
	}

	body.login #login h1 a {
		height: 170px;
	}
}