/* Hclinic desktop UI refinements. Mobile The7 layout remains untouched. */
@media (min-width: 1360px) {
	/* Top bar: one calm horizontal information row. */
	.masthead .top-bar {
		min-height: 78px !important;
		height: 78px !important;
		padding: 0 clamp(14px, 1.5vw, 28px) !important;
		gap: 12px !important;
		align-items: center !important;
		overflow: visible !important;
		z-index: 5;
	}

	.masthead .top-bar .left-widgets {
		display: grid !important;
		grid-template-columns: 28px 150px minmax(0, 1fr);
		align-items: center !important;
		gap: 10px !important;
		flex: 1 1 auto !important;
		min-width: 0;
		position: static !important;
	}

	.masthead .top-bar .left-widgets > .mini-contacts.phone.show-on-desktop {
		width: 28px;
		margin: 0 !important;
		font-size: 20px !important;
		text-align: center;
	}

	.masthead .top-bar .left-widgets > div.text-area.show-on-desktop:nth-of-type(1) {
		width: 150px;
		margin: 0 !important;
		white-space: nowrap;
	}

	.masthead .top-bar .left-widgets > div.text-area.show-on-desktop:nth-of-type(1) p,
	.masthead .top-bar .left-widgets > div.text-area.show-on-desktop:nth-of-type(1) span {
		margin: 0 !important;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		line-height: 1.2 !important;
	}

	.masthead .top-bar .left-widgets > div.text-area.show-on-desktop:nth-of-type(2) {
		display: grid !important;
		grid-template-columns: minmax(180px, .9fr) minmax(225px, 1.25fr) minmax(130px, .75fr);
		align-items: center;
		gap: 10px;
		width: auto !important;
		min-width: 0;
		margin: 0 !important;
	}

	.masthead .top-bar .left-widgets > div.text-area.show-on-desktop:nth-of-type(2) > p {
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-width: 0;
		min-height: 42px;
		margin: 0 !important;
		padding: 0 8px 0 11px;
		border-left: 1px solid rgba(23, 109, 178, .16);
		text-align: left !important;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
	}

	.masthead .top-bar .left-widgets > div.text-area.show-on-desktop:nth-of-type(2) > p span,
	.masthead .top-bar .left-widgets > div.text-area.show-on-desktop:nth-of-type(2) > p strong,
	.masthead .top-bar .left-widgets > div.text-area.show-on-desktop:nth-of-type(2) > p strong span {
		font-size: 13px !important;
		font-weight: 650 !important;
		line-height: 1.24 !important;
		letter-spacing: -.01em;
	}

	.masthead .top-bar .left-widgets > div.text-area.show-on-desktop:nth-of-type(2) > p:first-child span:last-child {
		font-size: 11px !important;
		font-weight: 500 !important;
	}

	.masthead .top-bar .left-widgets > .mini-search.show-on-desktop {
		width: 72px;
		margin: 0 !important;
		position: absolute !important;
		top: 109px;
		right: 155px;
		z-index: 20;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
		font-size: 14px !important;
		font-weight: 600 !important;
	}

	.masthead .top-bar .right-widgets {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-end !important;
		gap: 12px !important;
		flex: 0 0 auto !important;
		min-width: 0;
		margin-left: auto !important;
	}

	.masthead .top-bar .right-widgets > .mini-contacts.address.show-on-desktop {
		margin: 0 !important;
		white-space: nowrap;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		letter-spacing: -.01em;
	}

	.masthead .top-bar .right-widgets > .soc-ico.show-on-desktop {
		display: flex !important;
		gap: 4px !important;
		margin: 0 !important;
	}

	.masthead .top-bar .right-widgets > .soc-ico.show-on-desktop a {
		width: 28px !important;
		height: 28px !important;
		min-width: 28px !important;
		min-height: 28px !important;
	}

	/* Main navigation: readable typography and compact pill states. */
	.masthead .header-bar {
		min-height: 86px !important;
		height: 86px !important;
	}

	.masthead .main-nav {
		gap: 4px;
		align-items: center;
	}

	.masthead .main-nav > li {
		margin: 0 !important;
	}

	.masthead .main-nav > li > a {
		min-height: 42px !important;
		height: 42px !important;
		margin: 0 !important;
		padding: 0 12px !important;
		border-radius: 12px;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		line-height: 1 !important;
		letter-spacing: -.012em;
		transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
	}

	.masthead .main-nav > li > a .menu-text {
		font: inherit !important;
		color: #176db2 !important;
	}

	.masthead .main-nav > li:not(.act):not(.current-menu-item) > a:hover {
		background: #e9f4fc;
		box-shadow: 0 5px 16px rgba(23, 109, 178, .08);
	}

	.masthead .main-nav > li.act > a,
	.masthead .main-nav > li.current-menu-item > a,
	.masthead .main-nav > li.current_page_item > a {
		background: linear-gradient(145deg, #2586cc, #176db2);
		box-shadow: 0 7px 18px rgba(23, 109, 178, .2);
	}

	.masthead .main-nav > li.act > a .menu-text,
	.masthead .main-nav > li.current-menu-item > a .menu-text,
	.masthead .main-nav > li.current_page_item > a .menu-text {
		color: #fff !important;
	}

	.masthead .main-nav.underline-decoration > li > a .menu-item-text:before {
		display: none !important;
	}
}

@media (min-width: 1440px) {
	/* Search no longer consumes top-bar width, so the veterans discount fits one line. */
	.masthead .top-bar .left-widgets > div.text-area.show-on-desktop:nth-of-type(2) {
		grid-template-columns: minmax(360px, 1.4fr) minmax(190px, 1fr) minmax(105px, .55fr);
	}

	.masthead .top-bar .left-widgets > div.text-area.show-on-desktop:nth-of-type(2) > p:first-child {
		flex-direction: row;
		align-items: baseline;
		justify-content: flex-start;
		gap: 6px;
		white-space: nowrap;
	}

	.masthead .top-bar .left-widgets > div.text-area.show-on-desktop:nth-of-type(2) > p:first-child br {
		display: none;
	}
}

/* Section headings: same calm blue/system type as the navigation, with less visual weight. */
#main .uvc-heading.accent-border-color .uvc-main-heading > h2,
#main .uvc-heading.accent-icon-color .uvc-main-heading > h2 {
	color: #176db2 !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
	font-size: clamp(28px, 2.2vw, 32px) !important;
	font-weight: 650 !important;
	line-height: 1.22 !important;
	letter-spacing: -.018em;
}

@media (min-width: 1024px) {
	/* Footer: move legal/contact copy into the intentionally empty prefooter column. */
	#footer {
		position: relative;
	}

	#footer #bottom-bar .bottom-text-block {
		position: absolute;
		top: -175px;
		right: max(32px, calc((100vw - 1200px) / 2));
		width: 545px;
		margin: 0 !important;
		padding: 18px 22px;
		border: 1px solid rgba(255, 255, 255, .24);
		border-radius: 16px;
		background: rgba(255, 255, 255, .1);
		box-shadow: 0 14px 34px rgba(4, 55, 104, .12);
		text-align: left !important;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
		font-size: 14px !important;
		font-weight: 500 !important;
		line-height: 1.5 !important;
	}

	#footer #bottom-bar .bottom-text-block p {
		margin: 0 0 6px !important;
		font: inherit !important;
		color: rgba(255, 255, 255, .94) !important;
	}

	#footer #bottom-bar .bottom-text-block p:last-child {
		margin-bottom: 0 !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		letter-spacing: .02em;
	}

	#footer #bottom-bar,
	#footer #bottom-bar .wf-container-bottom {
		min-height: 102px !important;
	}

	#footer #bottom-bar .wf-container-bottom {
		align-items: center !important;
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}

	#footer #shortcode-widget-3 .cwda {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		padding: 0 18px !important;
		border: 0 !important;
		border-radius: 12px !important;
		background: #fff !important;
		box-shadow: 0 8px 22px rgba(4, 55, 104, .16);
		color: #176db2 !important;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
		font-size: 15px !important;
		font-weight: 650 !important;
		text-decoration: none !important;
	}

	#footer #shortcode-widget-3 .cwda:hover {
		background: #eaf5fd !important;
		color: #125d99 !important;
	}
}

/* Mobile navigation: calm medical palette, readable type and touch-friendly controls. */
@media (max-width: 767px) {
	.dt-mobile-header {
		width: min(86vw, 360px) !important;
		background: #fff !important;
		box-shadow: 18px 0 46px rgba(15, 73, 119, .16);
	}

	.dt-mobile-header .mobile-header-scrollbar-wrap {
		width: 100% !important;
		max-width: none !important;
		padding: 68px 14px 30px !important;
		box-sizing: border-box;
	}

	.dt-mobile-header .mobile-main-nav {
		display: flex;
		flex-direction: column;
		gap: 5px;
		width: 100% !important;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
	}

	.dt-mobile-header .mobile-main-nav > li {
		min-height: 52px;
		border: 0 !important;
		border-radius: 12px;
		background: #f6fafd;
		overflow: hidden;
	}

	.dt-mobile-header .mobile-main-nav > li::before {
		display: none !important;
	}

	.dt-mobile-header .mobile-main-nav > li > a {
		min-height: 52px !important;
		height: auto !important;
		padding: 0 15px !important;
		align-items: center !important;
		box-sizing: border-box;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
		font-size: 16px !important;
		font-weight: 600 !important;
		line-height: 1.25 !important;
		letter-spacing: -.01em;
		color: #176db2 !important;
		transition: background-color .18s ease, color .18s ease;
	}

	.dt-mobile-header .mobile-main-nav > li > a .menu-text {
		font: inherit !important;
		color: inherit !important;
	}

	.dt-mobile-header .mobile-main-nav > li:not(.act):not(.current-menu-item) > a:hover,
	.dt-mobile-header .mobile-main-nav > li:not(.act):not(.current-menu-item) > a:active {
		background: #edf6fc;
		color: #125d99 !important;
	}

	.dt-mobile-header .mobile-main-nav > li.act,
	.dt-mobile-header .mobile-main-nav > li.current-menu-item,
	.dt-mobile-header .mobile-main-nav > li.current_page_item {
		background: #e5f2fb !important;
		box-shadow: inset 3px 0 0 #176db2;
	}

	.dt-mobile-header .mobile-main-nav > li.act > a,
	.dt-mobile-header .mobile-main-nav > li.current-menu-item > a,
	.dt-mobile-header .mobile-main-nav > li.current_page_item > a {
		color: #125d99 !important;
	}

	.dt-mobile-header .mobile-main-nav > li.has-children > a {
		padding-right: 58px !important;
		position: relative;
	}

	.dt-mobile-header .mobile-main-nav .next-level-button {
		position: absolute !important;
		top: 6px !important;
		right: 6px !important;
		width: 40px !important;
		height: 40px !important;
		min-width: 40px;
		margin: 0 !important;
		padding: 0 !important;
		align-items: center;
		justify-content: center;
		border-radius: 10px;
		background: #e3f1fb !important;
		color: #176db2 !important;
		transform: none !important;
	}

	.dt-mobile-header .mobile-main-nav .next-level-button svg {
		width: 16px !important;
		height: 16px !important;
		color: #176db2 !important;
		fill: #176db2 !important;
		transition: transform .18s ease;
	}

	.dt-mobile-header .mobile-main-nav .next-level-button svg path {
		fill: #176db2 !important;
	}

	.dt-mobile-header .mobile-main-nav li.open-sub > .next-level-button svg {
		transform: rotate(45deg);
	}

	.dt-mobile-header .mobile-main-nav .sub-nav {
		margin: 0 7px 8px 12px !important;
		padding: 5px 0 !important;
		border-left: 2px solid #c9e4f6;
		border-radius: 0 10px 10px 0;
		background: #fff;
	}

	.dt-mobile-header .mobile-main-nav .sub-nav > li > a {
		min-height: 46px !important;
		padding: 10px 12px !important;
		box-sizing: border-box;
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
		font-size: 14px !important;
		font-weight: 550 !important;
		line-height: 1.35 !important;
		color: #2f5f83 !important;
	}

	.dt-mobile-header .dt-close-mobile-menu-icon {
		top: 12px !important;
		right: 12px !important;
		left: auto !important;
		width: 44px !important;
		height: 44px !important;
		padding: 0 !important;
		align-items: center;
		justify-content: center;
		border-radius: 12px;
		background: #176db2 !important;
		box-shadow: 0 8px 18px rgba(23, 109, 178, .22);
		box-sizing: border-box;
	}

	.dt-mobile-header .dt-close-mobile-menu-icon::before,
	.dt-mobile-header .dt-close-mobile-menu-icon::after {
		display: none !important;
	}

	.dt-mobile-header .dt-close-mobile-menu-icon .close-line-wrap {
		width: 20px;
		height: 20px;
	}

	.dt-mobile-header .dt-close-mobile-menu-icon .close-line {
		background: #fff !important;
	}

	.dt-mobile-header .mobile-main-nav a:focus-visible,
	.dt-mobile-header .mobile-main-nav .next-level-button:focus-visible,
	.dt-mobile-header .dt-close-mobile-menu-icon:focus-visible {
		outline: 3px solid rgba(23, 109, 178, .4) !important;
		outline-offset: 2px;
	}
}