/* Custom copies inherit Home's layout and effects with scoped contrast changes. */
/* Keep the blog title background below the regular header. */
body.techspace-home-header-style.techspace-blog-header-active .site-header.is-not-stuck {
	position: relative !important;
	background: #fff !important;
}

body.techspace-home-header-style.techspace-blog-header-active .site-header.is-not-stuck .module-logo img.logo-default {
	content: url('/wp-content/uploads/2025/09/logo-2.svg') !important;
}

body.techspace-home-header-style.techspace-blog-header-active .site-header :is(.main-nav, .lqd-custom-menu > ul) > li.lang-item > a:is(:hover, :focus-visible) {
	color: #6ec0e4 !important;
}

body.techspace-home-header-style.techspace-blog-header-active .site-header.is-not-stuck .elementor-social-icons-wrapper .elementor-social-icon {
	border-color: #000 !important;
}

@media (max-width: 1199px) {
	body.techspace-home-header-style.techspace-blog-header-active .site-header.is-not-stuck .elementor-element-49ab93b .elementor-element-deeb2fb .nav-trigger {
		color: #000 !important;
	}

	body.techspace-home-header-style.techspace-blog-header-active .site-header.is-not-stuck .elementor-element-49ab93b .elementor-element-deeb2fb .nav-trigger .bar {
		background-color: #000 !important;
	}
}

/* Contact's white canvas uses the same dark asset as the sticky header. */
@media (max-width: 1199px) {
	body.techspace-home-header-style.techspace-contact-header-active .site-header:is(.is-not-stuck, .is-stuck) .elementor-element-49ab93b .elementor-element-deeb2fb .nav-trigger {
		color: #000 !important;
	}

	body.techspace-home-header-style.techspace-contact-header-active .site-header:is(.is-not-stuck, .is-stuck) .elementor-element-49ab93b .elementor-element-deeb2fb .nav-trigger .bar {
		background-color: #000 !important;
	}
}

body.techspace-home-header-style.techspace-contact-header-active .site-header.is-not-stuck .module-logo img.logo-default {
	content: url('/wp-content/uploads/2025/09/logo-2.svg') !important;
}

body.techspace-home-header-style.techspace-contact-header-active .site-header :is(.main-nav, .lqd-custom-menu > ul) > li.lang-item > a:is(:hover, :focus-visible) {
	color: #6ec0e4 !important;
}

body.techspace-home-header-style.techspace-contact-header-active .site-header.is-not-stuck .elementor-social-icons-wrapper .elementor-social-icon {
	border-color: #000 !important;
}

body.techspace-home-header-style:is(.techspace-contact-header-active, .techspace-blog-header-active) .site-header :is(.main-nav, .elementor-nav-menu, .lqd-custom-menu > ul) > li:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor) > a:not(:hover):not(:focus-visible) {
	color: #000 !important;
}

body.techspace-home-header-style:is(.techspace-contact-header-active, .techspace-blog-header-active) .site-header.is-not-stuck .elementor-social-icons-wrapper .elementor-social-icon,
body.techspace-home-header-style:is(.techspace-contact-header-active, .techspace-blog-header-active) .site-header.is-not-stuck .elementor-social-icons-wrapper .elementor-social-icon :is(i, svg, svg *) {
	color: #000 !important;
	fill: #000 !important;
	stroke: #000 !important;
}

/* The blog header's social widgets inherit a large one-em padding from the
 * Elementor template. Keep the controls compact while preserving their links,
 * contrast, and spacing on the contact header. */
body.techspace-home-header-style.techspace-blog-header-active .site-header .elementor-social-icons-wrapper .elementor-social-icon {
	--icon-size: 20px !important;
	--icon-padding: .25em !important;
}

@media (max-width: 1199px) {
	body.techspace-home-header-style.techspace-blog-header-active .site-header .elementor-social-icons-wrapper .elementor-social-icon {
		--icon-size: 18px !important;
		--icon-padding: .25em !important;
	}
}

/* The mobile blog header uses a separate LinkedIn-only Elementor widget.
 * Give its anchor and SVG explicit dimensions because the template's
 * inherited one-em sizing can otherwise render the glyph at header height. */
@media (max-width: 1199px) {
	body.techspace-home-header-style.techspace-blog-header-active .site-header .elementor-element-6c7f50f .elementor-social-icon {
		--icon-size: 22px !important;
		--icon-padding: 0px !important;
		box-sizing: border-box !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		font-size: 22px !important;
		line-height: 0 !important;
		width: 38px !important;
		min-width: 38px !important;
		height: 38px !important;
		min-height: 38px !important;
		padding: 0 !important;
		text-align: center !important;
		vertical-align: middle !important;
	}

	body.techspace-home-header-style.techspace-blog-header-active .site-header .elementor-element-6c7f50f .elementor-social-icon svg {
		display: block !important;
		flex: 0 0 22px !important;
		width: 22px !important;
		height: 22px !important;
		max-width: 22px !important;
		max-height: 22px !important;
		margin: 0 !important;
	}
}