/* Shared header controls and floating contact button. */
.amber-header__inner {
	gap: clamp(0.65rem, 1.2vw, 1.15rem);
	min-height: 96px;
}

.amber-header .amber-logo__image {
	width: 176px;
	height: 70px;
}

.amber-header .amber-nav__list {
	gap: 0.15rem clamp(0.6rem, 1.2vw, 1rem);
}

.amber-header-search {
	position: relative;
	flex: 0 0 auto;
}

.amber-header-search > summary {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid #e8e8e8;
	border-radius: 50%;
	color: #4a4a4a;
	background: #fff;
	list-style: none;
	cursor: pointer;
}

.amber-header-search > summary::-webkit-details-marker {
	display: none;
}

.amber-header-search summary svg {
	width: 22px;
	height: 22px;
}

.amber-header-search[open] > summary,
.amber-header-search > summary:hover {
	color: #c4121a;
	border-color: #c4121a;
}

.amber-header-search__form {
	position: absolute;
	top: calc(100% + 16px);
	right: 0;
	z-index: 60;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: min(360px, calc(100vw - 40px));
	margin: 0;
	padding: 20px;
	border: 1px solid #ededed;
	border-top: 3px solid #c4121a;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 12px 30px rgb(0 0 0 / 15%);
}

.amber-header-search__form label {
	flex: 0 0 100%;
	font-size: 16px;
	font-weight: 700;
	color: #343434;
}

.amber-header-search__form input[type="search"] {
	flex: 1 1 150px;
	width: 0;
	min-width: 0;
	min-height: 44px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font: inherit;
	font-size: 16px;
	color: #292929;
	background: #fff;
}

.amber-header-search__form button {
	min-height: 44px;
	padding: 8px 16px;
	border: 0;
	border-radius: 5px;
	background: #c4121a;
	color: #fff;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.amber-header-search :focus-visible {
	outline: 3px solid #c4121a;
	outline-offset: 3px;
}

.amber-has-whatsapp .amber-whatsapp-fab {
	right: max(1.25rem, env(safe-area-inset-right));
	bottom: max(1.25rem, env(safe-area-inset-bottom));
	z-index: 1000;
	justify-content: center;
	min-height: 56px;
	padding: 10px 18px;
	gap: 8px;
	background: #128c45;
	color: #fff;
	box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
	font-size: 15px;
}

.amber-whatsapp-fab svg {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
}

.amber-has-whatsapp .amber-whatsapp-fab:hover {
	background: #087435;
	color: #fff;
}

.amber-whatsapp-fab:focus-visible {
	outline: 3px solid #153e24;
	outline-offset: 4px;
}

/* Reserve space below the popup whether or not it has been dismissed. */
.amber-has-whatsapp .amber-current-event--global {
	bottom: calc(max(1.25rem, env(safe-area-inset-bottom)) + 72px);
	max-height: calc(100vh - max(1.25rem, env(safe-area-inset-bottom)) - 92px);
	max-height: calc(100dvh - max(1.25rem, env(safe-area-inset-bottom)) - 92px);
}

@media (max-width: 959px) {
	.amber-header__inner {
		min-height: 82px;
	}

	.amber-header .amber-logo {
		order: 1;
	}

	.amber-header .amber-logo__image {
		width: 156px;
		height: 62px;
	}

	.amber-header-search {
		order: 2;
		margin-left: auto;
	}

	.amber-header .amber-nav-toggle {
		order: 3;
		margin-left: 0;
	}

	.amber-header .amber-nav {
		order: 4;
	}

	.amber-header-search__form {
		right: -54px;
	}
}

@media (max-width: 640px) {
	.amber-has-whatsapp .amber-whatsapp-fab {
		right: max(0.75rem, env(safe-area-inset-right));
		bottom: max(0.75rem, env(safe-area-inset-bottom));
		width: 56px;
		padding: 10px;
	}

	.amber-whatsapp-fab span {
		display: none;
	}

	.amber-has-whatsapp .amber-current-event--global {
		bottom: calc(max(0.75rem, env(safe-area-inset-bottom)) + 68px);
		max-height: calc(100vh - max(0.75rem, env(safe-area-inset-bottom)) - 84px);
		max-height: calc(100dvh - max(0.75rem, env(safe-area-inset-bottom)) - 84px);
	}
}