/**
 * Overrides loaded after the theme's generated style.css.
 *
 * style.css is compiled from assets/less/, so edits there would be lost on the
 * next build. Keep site-specific corrections here instead.
 */

/* ------------------------------------------------------------------
 * Leave the logo alone under .header-light and while the off-canvas is open
 * ------------------------------------------------------------------
 * The theme forces the logo white in both states, and does it by drawing a
 * solid white drop-shadow of the image 52px lower, pushing the real image out
 * of view with translateY(-100%), and clipping the leftovers on .header-brand:
 *
 *     filter: drop-shadow(0 52px 0 #ffffff);
 *     transform: translateY(-100%);
 *
 * The image moves up by its own height while the shadow only comes down by a
 * hard-coded 52px, so the two cancel out only for a logo exactly 52px tall.
 * This site's logo is 284x70, which left the white silhouette 18px too high
 * with its top clipped off.
 *
 * The recolouring is dropped entirely here, so the logo keeps its own colours
 * everywhere. Only the logo is affected - .header-light still turns the nav
 * links and the off-canvas toggle white.
 */
.header-light .site-header .header-brand,
.off-canvas-left-active [class*="header-style"] .header-brand {
	overflow: visible;
}

.header-light .site-header .header-brand img,
.off-canvas-left-active [class*="header-style"] .header-brand a img {
	filter: none;
	transform: none;
}

/* ------------------------------------------------------------------
 * Pick the logo that is readable on the header behind it
 * ------------------------------------------------------------------
 * tmpl/header.php prints both variants; exactly one is shown here.
 *
 *   logoDefault - dark artwork, for the normal light header
 *   logoDark    - light artwork, for .header-light (transparent header
 *                 sitting over a dark hero)
 *
 * Swap the two selectors below if the artwork assigned to each profile in
 * Customizer > Logo is ever reversed.
 */
.site-header .header-brand img.logo.logoDark {
	display: none;
}

.header-light .site-header .header-brand img.logo.logoDefault {
	display: none;
}

.header-light .site-header .header-brand img.logo.logoDark {
	display: inline-block;
}