/* Custom header mobile: swap logos at Flatsome's tablet breakpoint. */
.header-logo-mobile,
.header-logo-mobile-dark {
	display: none !important;
}

/* No desktop logo image: use mobile artwork on all viewports (hide site title text). */
#logo a.luxf-logo-mobile-fallback {
	font-size: 0;
	line-height: 0;
	color: transparent;
}

#logo a.luxf-logo-mobile-fallback img {
	font-size: initial;
	line-height: normal;
	max-width: 100%;
	height: auto;
}

#logo a.luxf-logo-mobile-fallback .header-logo-mobile-dark,
.stuck #logo a.luxf-logo-mobile-fallback .header-logo-mobile-dark {
	display: none !important;
}

#logo a.luxf-logo-mobile-fallback .header-logo-mobile,
.stuck #logo a.luxf-logo-mobile-fallback .header-logo-mobile {
	display: block !important;
}

.nav-dark #logo a.luxf-logo-mobile-fallback .header-logo-mobile,
.nav-dark.stuck #logo a.luxf-logo-mobile-fallback .header-logo-mobile {
	display: none !important;
}

.nav-dark #logo a.luxf-logo-mobile-fallback .header-logo-mobile-dark,
.nav-dark.stuck #logo a.luxf-logo-mobile-fallback .header-logo-mobile-dark {
	display: block !important;
}

@media (max-width: 849px) {
	/* Fallback if plain-text site title remains inside the logo link. */
	#logo a.luxf-logo-mobile {
		font-size: 0;
		line-height: 0;
		color: transparent;
	}

	#logo a.luxf-logo-mobile img {
		font-size: initial;
		line-height: normal;
	}

	#logo .luxf-logo-mobile .header_logo,
	#logo .luxf-logo-mobile .header-logo-dark,
	#logo .luxf-logo-mobile .header-logo-sticky,
	.nav-dark #logo .luxf-logo-mobile .header-logo-dark,
	.stuck #logo .luxf-logo-mobile .header-logo-sticky,
	.nav-dark #logo .luxf-logo-mobile .header-logo-mobile {
		display: none !important;
	}

	#logo .luxf-logo-mobile .header-logo-mobile,
	.nav-dark 	#logo .luxf-logo-mobile .header-logo-mobile-dark {
		display: block !important;
	}

	/* Menu icon tone (Customize → Header Mobile, below Menu Icon Style). */
	body.luxf-menu-icon-tone-light .header-main li.nav-icon.has-icon > a,
	body.luxf-menu-icon-tone-light .header-main li.nav-icon.has-icon .icon-inner,
	body.luxf-menu-icon-tone-light .header-main li.nav-icon.has-icon .icon-inner svg,
	body.luxf-menu-icon-tone-light .header-main li.nav-icon.has-icon .icon-inner svg path {
		color: #fff !important;
		fill: currentColor !important;
	}

	body.luxf-menu-icon-tone-light .header-main li.nav-icon.has-icon .button.is-outline {
		border-color: rgba(255, 255, 255, 0.35) !important;
		color: #fff !important;
	}

	body.luxf-menu-icon-tone-dark .header-main li.nav-icon.has-icon > a,
	body.luxf-menu-icon-tone-dark .header-main li.nav-icon.has-icon .icon-inner,
	body.luxf-menu-icon-tone-dark .header-main li.nav-icon.has-icon .icon-inner svg,
	body.luxf-menu-icon-tone-dark .header-main li.nav-icon.has-icon .icon-inner svg path {
		color: rgba(0, 0, 0, 0.85) !important;
		fill: currentColor !important;
	}

	body.luxf-menu-icon-tone-dark .header-main li.nav-icon.has-icon .button.is-outline {
		border-color: rgba(0, 0, 0, 0.2) !important;
		color: rgba(0, 0, 0, 0.85) !important;
	}

	body.luxf-menu-icon-tone-dark .header-main li.nav-icon.has-icon .button.circle,
	body.luxf-menu-icon-tone-dark .header-main li.nav-icon.has-icon .button.round {
		background-color: transparent !important;
	}
}