/*
	 * Logo positioning strategy:
	 * The logo <a> is appended directly into the fixed nav shell
	 * (.elementor-element-57f862c). Because the nav is position:fixed,
	 * it acts as the containing block for absolutely-positioned children.
	 *
	 * position:absolute + top:50% + translateY(-50%) is the only reliable
	 * way to vertically centre an element inside a fixed Elementor container
	 * regardless of Elementor's internal flex layout on the shell children.
	 *
	 * left:24px mirrors Apple.com's logo-from-edge distance.
	 * No admin-bar top-offset needed — the logo is relative to the nav
	 * shell which already handles its own top value correctly.
	 */
	/*
	 * Logo left is set dynamically via JS to mirror the search icon's
	 * right-edge gap — ensures perfect visual symmetry at every viewport width.
	 * The CSS left here is a safe fallback only (overridden by inline style).
	 */
	.sf-nav-logo-wrap {
		position:         absolute !important;
		top:              50% !important;
		transform:        translateY(-50%) !important;
		left:             24px;                /* JS will override this */
		display:          flex !important;
		align-items:      center !important;
		z-index:          10002 !important;
		text-decoration:  none !important;
		line-height:      0 !important;
	}
	.sf-nav-logo-wrap img {
		height:       26px !important;
		width:        auto !important;
		display:      block !important;
		object-fit:   contain !important;
	}
	@media (max-width: 900px) {
		.sf-nav-logo-wrap img { height: 22px !important; }
	}