/* Foxiz Header Layout 4 — Mayo Clinic style single bar */
.header-4.header-mayo {
	background: #fff !important;
	border-bottom: 1px solid #e5e7eb;
	box-shadow: none !important;
}

.header-4.header-mayo .navbar-outer,
.header-4.header-mayo .sticky-holder,
.header-4.header-mayo .navbar-wrap {
	background: #fff !important;
}

.header-4.header-mayo .navbar-wrap {
	border-bottom: 0;
	padding-top: 6px;
}

.header-4.header-mayo .navbar-inner.is-mayo-row {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 24px;
	min-height: 88px;
	padding-top: 16px;
	padding-bottom: 16px;
	box-sizing: border-box;
}

.header-4.header-mayo .navbar-left {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	margin-right: 0;
}

/* Menu sits next to the logo */
.header-4.header-mayo .navbar-center {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	min-width: 0;
	padding-top: 0;
	margin-left: 0;
}

.header-4.header-mayo .navbar-center .main-menu-wrap {
	display: flex;
	align-items: center;
	margin: 0;
	width: auto;
	max-width: 100%;
}

.header-4.header-mayo .navbar-center .main-menu {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.header-4.header-mayo .navbar-center .main-menu > li {
	display: flex;
	align-items: center;
	flex: 0 1 auto;
	max-width: 11em;
}

/*
 * Label can wrap to 2 lines; dropdown arrow stays beside the text (not under it).
 * Foxiz uses: a > span (label) + a::after (arrow icon).
 */
.header-4.header-mayo .navbar-center .main-menu > li > a {
	color: #1e293b !important;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.25;
	padding: 6px 10px !important;
	background: transparent !important;
	display: inline-flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
	max-width: 100%;
	text-align: left;
	white-space: normal !important;
}

.header-4.header-mayo .navbar-center .main-menu > li > a > span {
	display: block;
	white-space: normal !important;
	overflow-wrap: break-word;
	word-break: normal;
	line-height: 1.25;
	flex: 0 1 auto;
	min-width: 0;
	max-width: 9em;
}

.header-4.header-mayo .navbar-center .main-menu > li.menu-item-has-children > a:after {
	position: static !important;
	display: inline-block !important;
	flex: 0 0 auto;
	align-self: center;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
	transform-origin: center center;
	float: none !important;
}

.header-4.header-mayo .navbar-center .main-menu > li:first-child > a {
	padding-left: 4px !important;
}

.header-4.header-mayo .navbar-center .main-menu > li > a:hover,
.header-4.header-mayo .navbar-center .main-menu > li:hover > a {
	color: #0057c2 !important;
}

.header-4.header-mayo .navbar-right.is-mayo-actions {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 18px;
	margin-left: auto;
	padding-top: 0;
}

.header-4.header-mayo .mayo-appointment {
	color: #1e293b !important;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none !important;
	white-space: nowrap;
	line-height: 1.4;
}

.header-4.header-mayo .mayo-appointment:hover {
	color: #0057c2 !important;
}

.header-4.header-mayo .widget-h-login .dropdown-trigger,
.header-4.header-mayo .widget-h-login .header-element {
	color: #1e293b !important;
	font-size: 15px;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	text-decoration: none !important;
	line-height: 1.4;
	white-space: nowrap;
}

.header-4.header-mayo .w-header-search .search-btn,
.header-4.header-mayo .w-header-search .icon-holder {
	color: #1e293b !important;
}

.header-4.header-mayo .w-header-search .wnav-icon {
	font-size: 18px;
}

/* Hide elements that break the clean bar look */
.header-4.header-mayo .logo-sec {
	display: none !important;
}

/* Sticky bar keeps white surface */
.header-4.header-mayo #sticky-holder.is-sticky,
.header-4.header-mayo .sticky-holder.sticky-on {
	background: #fff !important;
	box-shadow: 0 1px 0 #e5e7eb, 0 4px 16px rgba(15, 23, 42, 0.06);
}

@media (max-width: 1200px) {
	.header-4.header-mayo .navbar-center .main-menu > li {
		max-width: 9.5em;
	}
	.header-4.header-mayo .navbar-center .main-menu > li > a {
		font-size: 14px;
		padding: 6px 8px !important;
	}
	.header-4.header-mayo .navbar-center .main-menu > li > a > span {
		max-width: 8em;
	}
}

@media (max-width: 1024px) {
	.header-4.header-mayo .navbar-inner.is-mayo-row {
		min-height: 64px;
		padding-top: 12px;
		padding-bottom: 12px;
		gap: 16px;
	}
	.header-4.header-mayo .navbar-center {
		display: none;
	}
	.header-4.header-mayo .mayo-appointment {
		display: none;
	}
}