/* Adaptive header icon colors (vm-nav-luminance.js). */

#masthead.vm-nav-luminance-active {
	background: transparent !important;
	transition: box-shadow 0.25s ease;
}

/*
 * Luminance keeps the bar clear over the hero. After scroll, listings would
 * show through that transparency — restore the opaque white bar.
 */
body.kallianou-masthead-scroll #masthead.vm-nav-luminance-active.is-scrolled {
	background: #fff !important;
}

body.kallianou-masthead-scroll #masthead.vm-nav-luminance-active.is-scrolled #header-logo,
body.kallianou-masthead-scroll #masthead.vm-nav-luminance-active.is-scrolled #header-logo img {
	filter: brightness(0);
}

#masthead.vm-nav-luminance-active #header-logo,
#masthead.vm-nav-luminance-active #header-logo img {
	filter: none;
	transition: filter 0.25s ease;
}

#masthead.vm-nav-luminance-active.nav-icons-dark #header-logo,
#masthead.vm-nav-luminance-active.nav-icons-dark #header-logo img {
	filter: brightness(0);
}

/*
 * Burger is often appended to body (not masthead). Match logo via body.nav-icons-dark.
 * Include .show-m so homepage reveal rules cannot override luminance.
 */
body.vm-nav-luminance-active .burger-btn:not(.active):not(.button-open) .burger-icon span,
body.vm-nav-luminance-active .burger-btn:not(.active):not(.button-open) .burger-icon > span,
body.vm-nav-luminance-active .burger-btn.show-m:not(.active):not(.button-open) .burger-icon span,
body.vm-nav-luminance-active .burger-btn.show-m:not(.active):not(.button-open) .burger-icon > span,
body.vm-nav-luminance-active .burger-btn.show-m.show-m--seen:not(.active):not(.button-open) .burger-icon > span {
	background-color: #fff;
	transition: background-color 0.25s ease;
}

body.vm-nav-luminance-active.nav-icons-dark .burger-btn:not(.active):not(.button-open) .burger-icon span,
body.vm-nav-luminance-active.nav-icons-dark .burger-btn:not(.active):not(.button-open) .burger-icon > span,
body.vm-nav-luminance-active.nav-icons-dark .burger-btn.show-m:not(.active):not(.button-open) .burger-icon span,
body.vm-nav-luminance-active.nav-icons-dark .burger-btn.show-m:not(.active):not(.button-open) .burger-icon > span,
body.vm-nav-luminance-active.nav-icons-dark .burger-btn.show-m.show-m--seen:not(.active):not(.button-open) .burger-icon > span,
body.is-masthead-scrolled.vm-nav-luminance-active .burger-btn:not(.active):not(.button-open) .burger-icon span,
body.is-masthead-scrolled.vm-nav-luminance-active .burger-btn:not(.active):not(.button-open) .burger-icon > span,
body.is-masthead-scrolled.vm-nav-luminance-active .burger-btn.show-m:not(.active):not(.button-open) .burger-icon span,
body.is-masthead-scrolled.vm-nav-luminance-active .burger-btn.show-m:not(.active):not(.button-open) .burger-icon > span,
body.is-masthead-scrolled.vm-nav-luminance-active .burger-btn.show-m.show-m--seen:not(.active):not(.button-open) .burger-icon > span {
	background-color: #000;
}

/* Keep open-menu burger readable over the slide panel. */
.burger-btn.active .burger-icon span,
.burger-btn.button-open .burger-icon span {
	background-color: #fff !important;
}