/* The navy bar at the top of the site header ([avive_header_bar], in the header template's top row "avh-row"):
   Avive Clinic Online links on the left, Call us · search · Get Help Now on the right. Loaded on every page. */
.elementor-location-header .avh-widget {
	flex: 1 1 100%;
	width: 100%;
	max-width: 100%;
}
.avh {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 6px 24px;
	padding: 7px 20px;
	color: #fff;
	font-family: var(--e-global-typography-text-font-family, "BR Firma"), system-ui, sans-serif;
	font-size: 14px;
	line-height: 1.3;
}
.avh--no-online {
	justify-content: flex-end;
}
.avh__online,
.avh__help {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 18px;
}
/* "img.avh__cloud" outranks Elementor's ".elementor img { height: auto }", which shows the cloud at full size. */
.avh img.avh__cloud {
	flex: none;
	width: 30px;
	max-width: none;
	height: 20px;
}
.avh__sep {
	width: 1px;
	height: 14px;
	background: rgba(255, 255, 255, 0.4);
}

/* Plain white links, underlined on hover. "a.avh__…" outranks the site's global link colours. */
.avh a.avh__home,
.avh a.avh__link,
.avh a.avh__call,
.avh .avh-existing summary {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}
.avh a.avh__home {
	gap: 8px;
	font-weight: 700;
	white-space: nowrap;
}
.avh a.avh__home:hover,
.avh a.avh__home:focus-visible,
.avh a.avh__home[aria-current="page"],
.avh a.avh__link:hover,
.avh a.avh__link:focus-visible,
.avh a.avh__link[aria-current="page"],
.avh a.avh__call:hover,
.avh a.avh__call:focus-visible,
.avh .avh-existing summary:hover,
.avh .avh-existing summary:focus-visible {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Menus (Existing patient?, Get Help Now): <details>, a white panel under the button. */
.avh-menu,
.avh-search {
	position: relative;
}
.avh-menu summary,
.avh-search summary {
	list-style: none;
}
.avh-menu summary::-webkit-details-marker,
.avh-search summary::-webkit-details-marker {
	display: none;
}
.avh-menu[open] summary svg {
	transform: rotate(180deg);
}
.avh-menu__list,
.avh-search__form {
	position: absolute;
	top: calc(100% + 10px);
	right: 0;
	z-index: 10000;
	margin: 0;
	padding: 6px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(4, 30, 66, 0.2);
}
.avh-menu__list {
	min-width: 230px;
	list-style: none;
}
.avh-menu__list a,
.avh-menu__list a:visited {
	display: block;
	padding: 12px 14px;
	border-radius: 8px;
	color: #041e42;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	text-transform: none;
}
.avh-menu__list a:hover,
.avh-menu__list a:focus-visible,
.avh-menu__list a[aria-current="page"] {
	background: #e0f7f4;
	color: #041e42;
}

/* Get Help Now: the one filled button in the bar. */
.avh-help summary {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	padding: 7px 18px;
	border-radius: 999px;
	background: #00c7b1;
	color: #041e42;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.15s;
}
.avh-help summary:hover,
.avh-help summary:focus-visible,
.avh-help[open] summary {
	background: #fff;
}

/* Search: an icon that opens a search box under it. */
.avh-search summary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
}
.avh-search summary:hover,
.avh-search summary:focus-visible,
.avh-search[open] summary {
	background: rgba(255, 255, 255, 0.15);
}
.avh-search__form {
	display: flex;
	gap: 6px;
	width: min(340px, calc(100vw - 32px));
}
.avh-search__form input[type="search"] {
	flex: 1;
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid #c7ced8;
	border-radius: 8px;
	color: #041e42;
	font-size: 15px;
}
.avh-search__form button,
.avh-search__form button:hover,
.avh-search__form button:focus {
	padding: 10px 16px;
	border: 0;
	border-radius: 8px;
	background: #041e42;
	color: #fff;
	font-size: 15px;
	font-weight: 600;
}

/* Get Help Now in the white logo row ([avive_get_help_now]): tablets and phones only. */
.avh-help--compact summary {
	min-height: 32px;
	padding: 6px 12px;
	font-size: 12px;
}
.avh-help--compact summary:hover,
.avh-help--compact summary:focus-visible,
.avh-help--compact[open] summary {
	background: #041e42;
	color: #fff;
}
@media (min-width: 1025px) {
	.avh-help--compact {
		display: none;
	}
}

/* Tablets and phones: the bar keeps just the Avive Clinic Online links (Get Help Now and Call us are in the white
   logo row), or goes when there are none. */
@media (max-width: 1024px) {
	.avh {
		justify-content: center;
		gap: 6px 12px;
		padding: 7px 12px;
		font-size: 13px;
	}
	.avh__online {
		justify-content: center;
		gap: 6px 12px;
	}
	.avh__help {
		display: none;
	}
	.elementor-location-header .avh-row:has(.avh--no-online) {
		display: none;
	}
}
/* Phones: the white row's Call us becomes a round phone icon, to fit beside the logo, Get Help Now and the menu. */
@media (max-width: 767px) {
	.elementor-location-header .avcu-trigger.avcu-trigger--dark {
		justify-content: center;
		gap: 0;
		width: 36px;
		min-height: 36px;
		padding: 0;
		font-size: 0;
	}
}
