/*
 * Site logo (logo.svg) — loaded on all frontend pages.
 * SVG <img> needs explicit height; max-height + height:auto alone can render as 0px.
 */

.custom-logo-link,
.tp-header__logo .custom-logo-link,
.tp-footer__logo .custom-logo-link,
.st-brand.custom-logo-link,
.auth-card__brand.custom-logo-link {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	line-height: 0;
}

img.custom-logo,
img.site-logo,
.custom-logo-link img,
#masthead .custom-logo-link img,
.site-logo-img .custom-logo-link img,
.site-branding .custom-logo-link img,
.tp-header__logo img,
.tp-footer__logo img {
	display: block;
	width: auto;
	height: var(--site-logo-height, 48px);
	max-width: min(280px, 100%);
	max-height: var(--site-logo-height, 48px);
	min-width: 0;
}

.top-page--home .tp-header:not(.is-scrolled):not(.tp-header--solid) .tp-header__logo img {
	--site-logo-height: 44px;
}

/* Astra may output width:0 from the customizer; keep proportional sizing. */
header .custom-logo-link img,
#masthead .site-logo-img .custom-logo-link img {
	width: auto !important;
	max-width: min(280px, 100%) !important;
	height: var(--site-logo-height, 48px) !important;
	max-height: var(--site-logo-height, 48px) !important;
}

.st-site-header .st-brand.custom-logo-link img,
.st-brand.custom-logo-link .custom-logo {
	--site-logo-height: 44px;
}

.auth-card__brand.custom-logo-link img,
.auth-card__brand.custom-logo-link .custom-logo {
	--site-logo-height: 40px;
}