/**
 * Site Header widget.
 *
 * The header's own design lives in global.css, because header.php renders the same markup
 * without Elementor being involved. This file only carries what changes when the header is
 * rendered *inside* an Elementor template.
 */

/*
 * Elementor wraps template output in .elementor and gives sections a stacking context and
 * padding. A fixed header inside that would be clipped and offset, so the wrapper chain is
 * flattened back out.
 */
.elementor-widget-enigma_site_header {
	position: static;
}

.elementor-widget-enigma_site_header .elementor-widget-container {
	position: static;
}

/*
 * Elementor injects `.elementor img { height:auto; max-width:100% }` at 0-1-1 around all
 * builder-rendered content. The brand mark over the wordmark's "i" is absolutely positioned
 * and sized in em, so that rule would collapse it. Three classes (0-3-1) settles it for good,
 * independent of stylesheet print order.
 */
.enigma .elementor .enigma-logo__dot img {
	position: absolute;
	inset-inline-start: 50%;
	top: -.34em;
	width: .52em;
	height: auto;
	max-width: none;
	transform: translateX(-50%);
}

.enigma .elementor .enigma-logo__image img {
	width: auto;
	max-height: 46px;
}

/* In the editor the header must be visible in the canvas, not pinned to the viewport. */
.elementor-editor-active .enigma-header,
.elementor-editor-preview .enigma-header {
	position: relative;
}