/**
 * Larger brand logo across panel, auth, general pages, footers.
 * Load after admin-core.css / layout.css / general_page.css.
 */

/* SVG/logo class (requested) */
img.logo {
	height: 42px;
	width: auto;
	object-fit: contain;
	transition: all 0.25s ease;
}

img.logo:hover {
	transform: scale(1.05);
	filter: drop-shadow(0 0 10px rgba(200, 75, 255, 0.5)) brightness(1.08);
}

@media (max-width: 991px) {
	img.logo {
		height: 36px;
	}
}

@media (max-width: 575px) {
	img.logo {
		height: 30px;
	}
}

/* Tido / Monoka / Nico base theme nav */
.navbar-custom .navbar-brand.logo-image img {
	max-height: 56px !important;
	height: auto !important;
	width: auto !important;
	max-width: min(320px, 72vw) !important;
	object-fit: contain;
}

@media (min-width: 992px) {
	.navbar-custom .navbar-brand.logo-image img {
		max-height: 64px !important;
	}
}

/* User + admin sidebar / mobile header */
img.navbar-brand-logo {
	height: 3.5rem !important;
	max-height: 56px !important;
	width: auto !important;
	max-width: min(280px, 72vw) !important;
	object-fit: contain;
}

/* General page + blog header */
.header .navbar-brand img.site-logo,
.header .navbar-brand img,
#headerNav .navbar-brand img {
	height: 56px !important;
	max-height: 56px !important;
	width: auto !important;
	max-width: min(320px, 75vw) !important;
	object-fit: contain;
}

/* Horizontal user layout */
.navbar img[alt*="ebsite logo"],
.navbar img[alt*="Website logo"] {
	max-height: 56px !important;
	height: auto !important;
	width: auto !important;
	object-fit: contain;
}

/* Auth module + core auth layout */
img.website-logo,
.page.auth-login-form .auth-login-form img[alt*="logo"],
.auth-login-form img.website-logo {
	max-height: 80px !important;
	height: auto !important;
	width: auto !important;
	max-width: min(440px, 90vw) !important;
	object-fit: contain;
}

/* Nico theme auth cards */
.brand-wrapper .logo,
.brand-wrapper img.logo {
	height: auto !important;
	max-height: 88px !important;
	width: auto !important;
	max-width: min(440px, 88vw) !important;
	object-fit: contain;
}

/* Common footers */
.footer_top .site-logo img,
.footer_top img[src*="logo"],
.footer .footer-info img,
.footer-info .logo img {
	max-height: 64px !important;
	height: auto !important;
	width: auto !important;
	object-fit: contain;
}

/* Maintenance page */
.banner .content .logo img,
section.banner .logo img {
	max-height: 88px !important;
	width: auto !important;
	max-width: min(440px, 88vw) !important;
	object-fit: contain;
}

@media (max-width: 767px) {
	img.navbar-brand-logo {
		height: 3rem !important;
		max-height: 48px !important;
		max-width: min(240px, 78vw) !important;
	}

	.header .navbar-brand img,
	#headerNav .navbar-brand img {
		height: 48px !important;
		max-height: 48px !important;
	}

	.brand-wrapper .logo,
	.brand-wrapper img.logo {
		max-height: 72px !important;
	}
}
