/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/block-library/parts/part-header/style.css ***!
  \***************************************************************************************************************************************************************************************************/
/** ======================
 ** CONTAINER
 ** ==================== */
.site-header {
	--_header-height: calc(var(--wp--preset--spacing--60) * 1.375);
	--_header-offset-block: var(--wp--preset--spacing--30);
	--_header-offset-inline: var(--wp--preset--spacing--30);
	--_header-background-color: transparent;
	--_header-background-hover-color: var(
		--wp--preset--color--grey-extra-light
	);

	position: fixed;

	background-color: transparent;

	width: 100%;

	margin-inline: auto;

	z-index: 9999;
	isolation: isolate;
	overflow-x: clip;
}

.site-header-wrapper {
	width: calc(
		var(--wp--custom--wide-size) - 2 * var(--wp--preset--spacing--30)
	);
	margin-inline: auto;
	padding-block: var(--wp--preset--spacing--30);
}

@media (min-width: 1350px) {
	.site-header-wrapper {
		display: grid;
		grid-template-columns:
			1fr fit-content(100%) fit-content(100%) fit-content(100%)
			fit-content(100%);
		grid-template-rows: 1fr fit-content(100%);

		grid-template-areas:
			"logo cta social brand"
			"nav nav nav nav";

		row-gap: var(--wp--preset--spacing--30);
	}
}

.page-template-page-without-fixed-header .site-header,
.single-tire-product .site-header,
.privacy-policy .site-header {
	--_header-background-color: var(--wp--preset--color--black);
	position: sticky;

	background-color: var(--wp--preset--color--black);
}

/** ======================
 ** MODAL OPEN
 ** ==================== */
[data-modal="open"].site-header {
	overflow: hidden;
	margin: 0;
	touch-action: none;
	height: 100vh;

	background-color: var(--wp--preset--color--black);
}

/** ==========================
 ** HEADER STICKY
 ** ======================= */
[data-transition="true"].site-header {
	opacity: 0;
}

[data-sticky="true"].site-header {
	top: 0;
	z-index: 9999;

	opacity: 1;

	transition: opacity 0.2s ease-in-out;

	background-color: var(--wp--preset--color--black);
}

[data-sticky="true"] .site-header-wrapper {
	grid-template-rows: 1fr;
	grid-template-areas: "logo cta social brand";
}


/*# sourceMappingURL=style-index.css.map*/