/**
 * Logo — header + footer. Isolated from global img rules.
 */

.site-logo {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	height: var(--header-height);
	line-height: 0;
}

.site-logo__link,
.site-logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	line-height: 0;
}

.site-header__logo-image,
.site-logo__image,
.site-logo .custom-logo {
	display: block;
	width: auto;
	height: 32px;
	max-height: 32px;
	max-width: 120px;
	object-fit: contain;
	object-position: left center;
}

@media (min-width: 900px) {
	.site-logo__image,
	.site-logo .custom-logo {
		height: 40px;
		max-height: 40px;
		max-width: 180px;
	}
}

.site-logo__text {
	font-size: var(--font-size-xl);
	font-weight: var(--font-weight-extrabold);
	color: var(--color-text);
	letter-spacing: 0.02em;
	line-height: 1.2;
}

.site-logo__text:hover {
	color: var(--color-primary);
}

.site-footer__brand .site-logo {
	height: auto;
}

.site-footer__brand .site-logo__image,
.site-footer__brand .custom-logo {
	height: 32px;
	max-height: 32px;
	max-width: 120px;
}

.site-footer__brand .site-logo__text {
	font-size: var(--font-size-lg);
}