/* Header — font */
.g2-header,
.g2-header__link {
	font-family: "Lato", sans-serif;
}

/* Header — nav */
body .g2-header__nav {
	width: min(100% - 164px, 1150px);
	justify-content: space-between;
	gap: 0;
}

/* Header — valori Figma desktop */
@media (min-width: 1024px) {
	body .g2-header__logo img {
		width: 168px;
		height: 80px;
	}

	body .g2-header__icons {
		gap: 24px;
	}

	body .g2-header__link {
		gap: 2px;
	}

	body .g2-header__link--has-menu::after {
		content: "";
		width: 30px;
		height: 30px;
		margin-top: 0;
		border: 0;
		transform: none;
		background-color: currentColor;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M8.75 14.5L15 20.75' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 20.75L21.25 14.5' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 30px 30px no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M8.75 14.5L15 20.75' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 20.75L21.25 14.5' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 30px 30px no-repeat;
	}
}

/* Header — desktop */
@media (min-width: 1024px) {
	body.g2-header--absolute .g2-header__top,
	body.g2-header--static .g2-header__top {
		padding-top: 40px;
	}

	body.g2-header--absolute .g2-header__bar,
	body.g2-header--static .g2-header__bar {
		padding-top: 1px;
		padding-bottom: 39px;
		border-top-color: transparent;
	}

	body.g2-header--absolute .g2-header {
		position: absolute !important;
		top: 0;
		left: 0;
		right: 0;
		background: transparent;
		border-bottom-color: transparent;
		z-index: 200;
	}

	body.g2-header--absolute .g2-header__link {
		color: #f0ecea;
	}

	body.g2-header--static .g2-header {
		border-bottom-color: transparent;
	}

	body.g2-header--absolute .g2-header__icon--user {
		background-color: #f0ecea !important;
	}

	body.g2-header--absolute .bde-mini-cart-toggle__icon {
		background-color: #f0ecea !important;
	}

	body.g2-header--absolute .bde-search-form-v2__icon {
		background-color: #f0ecea !important;
	}

	body.g2-header--absolute .g2-header__logo img {
		content: url('/wp-content/uploads/2026/10/grattoni-logo-header-light.png');
	}

	body.g2-header--absolute .g2-hero-top {
		padding-top: 228px;
	}

	body.g2-header--absolute .g2-news-hero__inner {
		padding-top: 250px;
	}

	body.g2-header--absolute .g2-ed-hero__inner {
		padding-top: 242px;
	}

	body.g2-header--absolute .g2-arch-hero {
		padding-top: 234px;
	}
}

/* Header — tablet */
@media (max-width: 1023px) {
	body.g2-header--absolute .g2-header {
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		background: transparent;
		border-bottom-color: transparent;
		z-index: 200;
	}

	body.g2-header--absolute .g2-header__link {
		color: #f0ecea;
	}

	body.g2-header--absolute .g2-header__burger span {
		background-color: #f0ecea;
	}

	body.g2-header--absolute .g2-header:not(.is-scrolled) .g2-header__icon--user {
		background-color: #f0ecea !important;
	}

	body.g2-header--absolute .g2-header:not(.is-scrolled) .g2-header__search .bde-search-form-v2__icon {
		background-color: #f0ecea !important;
	}

	body.g2-header--absolute .g2-header:not(.is-scrolled) .g2-header__icons .bde-mini-cart-toggle .bde-mini-cart-toggle__icon {
		background-color: #f0ecea !important;
	}

	body.g2-header--absolute .g2-header__logo img {
		content: url('/wp-content/uploads/2026/10/grattoni-logo-header-light.png');
	}

	body.g2-header--absolute .g2-header.is-scrolled {
		background-color: var(--g2-bg);
	}

	body.g2-header--absolute .g2-header.is-scrolled .g2-header__link {
		color: #423831;
	}

	body.g2-header--absolute .g2-header.is-scrolled .g2-header__burger span {
		background-color: var(--g2-ink);
	}

	body.g2-header--absolute .g2-header.is-scrolled .g2-header__icon--user {
		background-color: #423831 !important;
	}

	body.g2-header--absolute .g2-header.is-scrolled .g2-header__search .bde-search-form-v2__icon {
		background-color: #423831 !important;
	}

	body.g2-header--absolute .g2-header.is-scrolled .g2-header__icons .bde-mini-cart-toggle .bde-mini-cart-toggle__icon {
		background-color: #423831 !important;
	}

	body.g2-header--absolute .g2-header.is-scrolled .g2-header__logo img {
		content: url('/wp-content/uploads/2026/10/grattoni-logo-header.png');
	}

	body.g2-header--absolute .g2-hero-top {
		padding-top: 120px;
	}

	body.g2-header--absolute .g2-news-hero__inner {
		padding-top: 120px;
	}

	body.g2-header--absolute .g2-ed-hero__inner {
		padding-top: 120px;
	}

	body.g2-header--absolute .g2-arch-hero {
		padding-top: 120px;
	}

	body.g2-header--static .g2-header {
		position: fixed !important;
		top: 0;
		left: 0;
		right: 0;
		border-bottom-color: transparent;
		z-index: 200;
	}

	body.g2-header--static {
		padding-top: 104px;
	}
}

/* Header — phone */
@media (max-width: 767px) {
	body .g2-header__logo img {
		width: 108px;
		height: 52px;
	}

	body.g2-header--absolute .g2-hero-top {
		padding-top: 100px;
	}

	body.g2-header--absolute .g2-news-hero__inner {
		padding-top: 100px;
	}

	body.g2-header--absolute .g2-ed-hero__inner {
		padding-top: 100px;
	}

	body.g2-header--absolute .g2-arch-hero {
		padding-top: 100px;
	}

	body.g2-header--static {
		padding-top: 90px;
	}
}


/* Header — tablet landscape */
@media (min-width: 1024px) and (max-width: 1279px) {
	body .g2-header__link {
		font-size: 14px;
	}

	body .g2-header__link--has-menu::after {
		width: 20px;
		height: 20px;
		-webkit-mask-size: 20px 20px;
		mask-size: 20px 20px;
	}

	body .g2-header__nav {
		gap: 8px;
	}
}