/* Header */
#page-container > header {
	position: sticky;
	top: 0px;
	z-index: 99;

	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: start;

	width: 100vw;
	margin: 0;
	padding: 0;

	text-align: center;
	background-color: #000;
  border-bottom: 1px solid #333;
	--color: #fff;
  --color-hover: #f1b000;
  --color-active: #f1b000;

	a {
		--color: var(--color);
		--color-hover: var(--color-hover);
	}

	.is-active,
	.active {
		--color: var(--color-active) !important;
    --color-hover: var(--color-active) !important;
	}

	.region-header {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 0rem;
		width: 100%;
		text-align: left;

		.region-header-row {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			padding: 0.25rem 0;
			z-index: 10;

			.block-wrapper {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				max-width: 1200px;

				.content {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 100%;
					gap: 0.5rem 1rem;
				}
			}
		}
	}

	/* Upper Header */
	#block-headerupper {
		padding: 0.5rem 0;
		padding-bottom: 1rem;

		.block-wrapper .content {
			justify-content: space-between;
		}

		#block-logo {
			order: 1;

			&,
			> .content,
			a,
			div {
				display: flex;
			}

			h1,
			h2 {
				display: none;
			}

			.field-name-field-media-immagine {
				img {
					width: 100%;
					height: auto;
					max-width: 220px;
				}
			}
		}

		.block-made_in_italy {
			margin-left: 100px;
			margin-right: 100px;
			order: 2;

			img {
				max-width: 60px;
				max-height: 30px;
			}
		}

		/* Upper Header - Right */
		#block-headerupperright {
			display: flex;
			align-items: center;
			justify-content: center;
			width: auto;
			gap: 0.5rem 2rem;
			order: 3;
		} /* fine #block-headerupperright */

		/* Carrello */
		.block-commerce-cart {
			display: none;
			order: 4;
		}
	} /* fine #block-headerupper */

	/* Header Lower */
	.block-block-groupheader-lower {
		text-align: center;

		/* Menù di navigazione */
		#block-navigazioneprincipale-2 {
			width: auto;

			> .block-wrapper > .content {
				width: auto;
			}

			#superfish-main {
				li > span > span {
					cursor: pointer;
				}

				li.active-trail {
					&,
					> span > span,
					> span > a,
					> i {
						color: var(--color-active);

						&:hover {
							opacity: 1;
						}
					}
				}

				li {
					/* Voce "Offerte" */
					&#main-menu-link-content883c10e9-0788-4220-9671-10aec952fc3a {
						a {
							position: relative;
							padding-left: 22px !important;

							&::before,
							&::after {
								position: absolute;
							}

							&::before {
								content: "\f0f3";
								font-family: "Font Awesome 5 Free" !important;
								font-weight: 900;
								top: 3px;
								left: 0;
                z-index: 1 !important;
							}

							&::after {
								content: "1";
                top: -2px;
                left: 8px;
                font-size: 10px;
                background-color: #fa3e3e;
                border-radius: 2px;
                padding: 1px 4px;
                line-height: initial;
                line-height: 1;
                z-index: 2 !important;
							}
						}
					}

					/* Sottomenù */
					> ul,
					> ol {
						margin-top: -8px !important;
						background-color: #1a1a1a;

						li {
							display: inline-flex;
							padding: 0.15rem;
							border-color: #CDCDCD;

							a,
							span {
								display: inline-flex;
								padding: 0.20rem 0.35rem;
							}
						}
					}
				}
			}
		}
	}

	/* Pulsante configuratore */
	.block-vai-al-configuratore {
		margin-left: 2rem;

		a.go-to-wizard {
			padding: 0.5rem 0.75rem;
			padding-top: 0.55rem;
		}
	}

	/* Carrello */
	#nc-commerce-cart-block-container {
		#commerce-cart-block-upper {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			gap: 0;

			.nc-commerce-cart-count {
				padding-left: 3px;

				&,
				span {
					font-size: 10px;
				}

				&.with-products {
					margin-top: -9px;
					margin-bottom: -2px;
				}

				&.no-products {
					span {
						display: none;
					}
				}
			}
		}

		#commerce-cart-block-lower {
			display: none !important;
		}
	}
}

/* Solo Desktop */
body.is-desktop {
	#block-headerlower #block-navigazioneprincipale-2 #superfish-main {
		display: block !important;
	}

	#block-logo a:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}
}

/* Max width: 1200px   (wrapper width) */
@media only screen and (max-width: 1200px) {
	#superfish-main li {
		margin-left: 13px;
		margin-right: 13px;
	}
}

/* Solo Mobile */
body.is-mobile {
	--var-header-height: 72px;

	/* Page Container */
	#page-container {
		padding-top: var(--var-header-height);
	}

	/* Header */
	#page-container > header#page-header {
		position: fixed;
		height: var(--var-header-height);
		padding-bottom: 0.25rem;

		.block-nc-user-strip-block,
		.block-block-groupheader-lower,
		.block-made_in_italy,
		.block-vai-al-configuratore {
			display: none !important;
		}

		.region-header {
			#block-headerupper {
				padding: 0.25rem 1rem;

				#block-logo {
					width: 190px;

					img {
						max-height: 60px;
					}
				}

				#block-headerupperright {
					display: none;
				}

				/* Carrello */
				.block-commerce-cart {
					display: flex;
					font-size: 1.3rem;
          margin-top: 2px;
				}
		}
		}
	}
}