/** Header refinements for the Blocksy child theme. */
#header {
	position: sticky;
	top: 0;
	z-index: 100;
}

body.admin-bar #header { top: 32px; }
#header [data-row] { border: 0; }
#header [data-row="middle"] { background: var(--mvl-color-white); }
#header [data-row="middle"] > div { padding-inline: var(--mvl-page-padding); }
#header .site-branding { max-width: min(480px, calc(100vw - (2 * var(--mvl-page-padding)))); }
#header .site-title, #header .site-description { display: none; }
#header .site-logo-container { display: block; line-height: 0; }
#header .site-logo-container img { display: block; height: auto; max-height: 76px; width: auto; }
#header .menu > li > a { color: var(--mvl-color-black); font-size: 1.5rem; font-weight: 700; letter-spacing: -.035em; line-height: 1; text-transform: none !important; }
#header .menu > li > a:hover { color: var(--mvl-color-red); }
#header .menu > li.current-menu-item > a,
#header .menu > li.current-menu-ancestor > a {
	color: var(--mvl-color-black);
	text-decoration-line: underline;
	text-decoration-color: var(--mvl-color-black);
	text-decoration-thickness: 2px;
	text-underline-offset: 8px;
}

/** Highlight the More dropdown while keeping Blocksy's native menu structure. */
@media (min-width: 1000px) {
	#header #menu-item-2522 {
		position: relative;
	}

	#header #menu-item-2522.ct-active {
		z-index: 21;
	}

	#header #menu-item-2522.ct-active > .ct-menu-link {
		color: var(--mvl-color-black);
	}

	#header #menu-item-2522 > .ct-menu-link .ct-icon {
		transition: transform 180ms ease;
	}

	#header #menu-item-2522.ct-active > .ct-menu-link .ct-icon {
		transform: rotate(180deg);
	}

	#header #menu-item-2522 > .sub-menu {
		background: var(--mvl-color-white);
		border: 0;
		box-shadow: none;
		box-sizing: border-box;
		min-width: 280px;
		padding: 10px 20px 8px;
		top: 100%;
	}

	#header #menu-item-2522.ct-active > .sub-menu {
		box-shadow: 0 0 0 100vmax rgba(255, 255, 255, .72);
	}

	#header #menu-item-2522.ct-active > .sub-menu,
	#header #menu-item-2522.ct-active > .sub-menu > li,
	#header #menu-item-2522.ct-active > .sub-menu > li > a {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}

	#header #menu-item-2522.ct-active > .sub-menu {
		transform: translate3d(0, 0, 0);
	}

	#header #menu-item-2522 > .sub-menu > li > a {
		background: transparent;
		border: 0;
		color: var(--mvl-color-black);
		font-size: 1.1rem;
		font-weight: 700;
		letter-spacing: -.025em;
		line-height: 1.15;
		padding: 8px 0;
	}

	#header #menu-item-2522 > .sub-menu > li > a:hover,
	#header #menu-item-2522 > .sub-menu > li > a:focus-visible {
		color: var(--mvl-color-red);
	}
}

@media (min-width: 1000px) {
	#header {
		--mvl-header-inset: max(
			var(--mvl-page-padding),
			calc(((100vw - var(--mvl-content-width)) / 2) + var(--mvl-page-padding))
		);
	}

	#header [data-device="desktop"] [data-row="middle"] > .ct-container {
		align-items: flex-start;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		gap: 0;
		height: 166px;
		justify-content: flex-start;
		max-width: none;
		min-height: 166px;
		overflow: visible;
		padding: 0;
		position: relative;
		width: 100%;
	}

	#header [data-device="desktop"] [data-column="start"] {
		height: 69px;
	}

	#header [data-device="desktop"] .site-branding {
		left: var(--mvl-header-inset);
		position: absolute;
		top: 24px;
		transition: opacity 180ms ease, transform 180ms ease;
	}

	#header [data-device="desktop"] [data-column="end"] {
		height: auto;
		position: static;
		width: 100%;
	}

	#header [data-device="desktop"] [data-column="end"] > [data-items="primary"] {
		align-items: center;
		bottom: 26px;
		column-gap: 22px;
		display: flex;
		height: auto;
		justify-content: flex-start;
		left: var(--mvl-header-inset);
		position: absolute;
		width: auto;
	}

	#header [data-device="desktop"] .menu-container,
	#header [data-device="desktop"] .menu {
		height: auto;
		min-height: 28px;
	}

	#header [data-device="desktop"] .menu-container {
		position: static;
	}

	#header [data-device="desktop"] .menu {
		column-gap: 1.75rem;
	}

	#header [data-device="desktop"] .menu > li > a {
		align-items: center;
		display: flex;
		min-height: 33px;
		padding-block: 0;
	}

	#header [data-device="desktop"] .menu > li:first-child > a {
		padding-left: 0;
	}

	#header [data-device="desktop"] .ct-header-search {
		bottom: auto;
		margin-left: 0;
		position: static;
	}

	.mvl-header-compact #header [data-device="desktop"] [data-row="middle"] > .ct-container {
		height: 100px;
		min-height: 100px;
	}

	.mvl-header-compact #header [data-device="desktop"] {
		height: 166px;
		pointer-events: none;
	}

	.mvl-header-compact #header [data-device="desktop"] [data-row="middle"] {
		left: 0;
		pointer-events: auto;
		position: fixed;
		right: 0;
		top: 0;
	}

	.mvl-header-compact body.admin-bar #header [data-device="desktop"] [data-row="middle"] {
		top: 32px;
	}

	.mvl-header-compact #header [data-device="desktop"] .site-branding {
		opacity: 0;
		pointer-events: none;
		transform: translateY(-18px);
	}

	.mvl-header-compact #header [data-device="desktop"] [data-column="end"] > [data-items="primary"] {
		bottom: 33px;
	}
}

@media (max-width: 999px) {
	#header [data-device="mobile"] [data-row="middle"] > .ct-container {
		box-sizing: border-box;
		display: flex;
		gap: 12px;
		justify-content: space-between;
		min-height: 88px;
		padding-inline: clamp(16px, 4vw, 32px);
		width: 100%;
	}

	#header [data-device="mobile"] [data-column="start"] {
		flex: 1 1 auto;
		min-width: 0;
	}

	#header [data-device="mobile"] [data-column="end"] {
		flex: 0 0 auto;
		margin-left: auto;
	}

	#header [data-device="mobile"] .site-branding {
		max-width: none;
		width: 100%;
	}

	#header [data-device="mobile"] .site-logo-container,
	#header [data-device="mobile"] .site-logo-container img {
		width: 100%;
	}

	#header [data-device="mobile"] .site-logo-container img {
		max-height: none;
	}

	#header [data-device="mobile"] .ct-header-trigger {
		margin: 0;
	}
}

@media (max-width: 782px) {
	body.admin-bar #header { top: 46px; }
}


/** Share the custom desktop dropdown treatment with Bases digitais. */
@media (min-width: 1000px) {
	#header #menu-item-2595 { position: relative; }
	#header #menu-item-2595.ct-active { z-index: 21; }
	#header #menu-item-2595.ct-active > .ct-menu-link { color: var(--mvl-color-black); }
	#header #menu-item-2595 > .ct-menu-link .ct-icon { transition: transform 180ms ease; }
	#header #menu-item-2595.ct-active > .ct-menu-link .ct-icon { transform: rotate(180deg); }
	#header #menu-item-2595 > .sub-menu {
		background: var(--mvl-color-white);
		border: 0;
		box-shadow: none;
		box-sizing: border-box;
		min-width: 280px;
		padding: 10px 20px 8px;
		top: 100%;
	}
	#header #menu-item-2595.ct-active > .sub-menu { box-shadow: 0 0 0 100vmax rgba(255, 255, 255, .72); }
	#header #menu-item-2595.ct-active > .sub-menu,
	#header #menu-item-2595.ct-active > .sub-menu > li,
	#header #menu-item-2595.ct-active > .sub-menu > li > a {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}
	#header #menu-item-2595.ct-active > .sub-menu { transform: translate3d(0, 0, 0); }
	#header #menu-item-2595 > .sub-menu > li > a {
		background: transparent;
		border: 0;
		color: var(--mvl-color-black);
		font-size: 1.1rem;
		font-weight: 700;
		letter-spacing: -.025em;
		line-height: 1.15;
		padding: 8px 0;
	}
	#header #menu-item-2595 > .sub-menu > li > a:hover,
	#header #menu-item-2595 > .sub-menu > li > a:focus-visible { color: var(--mvl-color-red); }
}