/* Desktop screens: reserve a separate action column and align categories in two rows. */
@media (min-width: 1024px) {
	.mls-header-main {
		gap: 18px;
		min-height: 104px;
	}

	.mls-brand {
		flex: 0 1 275px;
		min-width: 230px;
	}

	.mls-primary-nav {
		display: block;
		flex: 1 1 0;
		margin-left: 0;
		min-width: 0;
		overflow: visible;
		padding: 0;
		position: static;
	}

	.mls-nav-wrap {
		align-items: center;
		display: grid;
		gap: 12px;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.mls-nav-lines {
		min-width: 0;
		width: 100%;
	}

	.mls-nav-list {
		align-items: center;
		display: grid !important;
		gap: 4px 7px;
		grid-auto-rows: minmax(32px, auto);
		grid-template-columns: repeat(7, minmax(0, 1fr));
		justify-content: stretch;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.mls-nav-list > li,
	.mls-nav-list > li:last-child {
		margin: 0;
		min-width: 0;
	}

	.mls-nav-list a {
		display: block;
		font-size: 0.68rem;
		line-height: 1.2;
		min-height: 30px;
		padding: 5px 3px;
		text-align: center;
		white-space: normal;
	}

	.mls-primary-nav .mls-nav-wrap .mls-saas-account-links {
		display: grid;
		gap: 7px;
		grid-template-columns: repeat(2, max-content);
		margin: 0;
	}

	.mls-primary-nav .mls-nav-wrap .mls-saas-account-link {
		min-height: 34px;
		padding: 7px 10px !important;
	}
}

/* Laptop/tablet: use the hamburger drawer instead of squeezing a long category menu. */
@media (max-width: 1023px) {
	.mls-header-main {
		gap: 12px;
		min-height: 86px;
		position: relative;
	}

	.mls-brand {
		flex: 1 1 auto;
		min-width: 0;
	}

	.mls-menu-toggle {
		align-items: center;
		background: #183943;
		border: 0;
		border-radius: 50%;
		display: flex !important;
		flex: 0 0 42px;
		height: 42px;
		justify-content: center;
		margin-left: auto;
		padding: 0;
		width: 42px;
	}

	.mls-menu-toggle span {
		background: #fff;
		display: block;
		height: 2px;
		width: 17px;
	}

	.mls-primary-nav {
		background: #fff;
		border: 1px solid #dfeaec;
		border-radius: 0 0 14px 14px;
		box-shadow: 0 14px 28px rgba(24, 57, 67, 0.18);
		display: none;
		left: 0;
		max-height: min(75vh, 600px);
		overflow-y: auto;
		padding: 12px;
		position: absolute;
		right: 0;
		top: calc(100% - 1px);
		z-index: 40;
	}

	.mls-primary-nav.is-open {
		display: block;
	}

	.mls-nav-wrap {
		display: grid;
		gap: 12px;
		grid-template-columns: minmax(0, 1fr);
	}

	.mls-nav-lines {
		min-width: 0;
		width: 100%;
	}

	.mls-nav-list {
		align-items: stretch;
		display: grid !important;
		gap: 5px 8px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		justify-content: stretch;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.mls-nav-list > li,
	.mls-nav-list > li:last-child {
		border-bottom: 1px solid #e8eff0;
		margin: 0;
		min-width: 0;
		padding: 0;
	}

	.mls-nav-list a {
		align-items: center;
		display: flex !important;
		font-size: 0.82rem;
		line-height: 1.3;
		min-height: 44px;
		padding: 8px 9px !important;
		text-align: left;
		white-space: normal;
	}

	.mls-primary-nav .mls-nav-wrap .mls-saas-account-links {
		display: grid;
		gap: 8px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: 4px 0 0;
	}

	.mls-primary-nav .mls-nav-wrap .mls-saas-account-link {
		min-height: 42px;
		width: 100%;
	}
}

/* Phones: a single-column menu is easier to scan and tap. */
@media (max-width: 680px) {
	.mls-nav-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mls-nav-list a {
		justify-content: flex-start;
	}

	.mls-primary-nav .mls-nav-wrap .mls-saas-account-links {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) and (max-width: 1180px) {
	.mls-header-main {
		gap: 10px;
	}

	.mls-brand {
		flex-basis: 235px;
		min-width: 210px;
	}

	.mls-brand-mark {
		height: 54px;
		width: 54px;
	}

	.mls-brand small {
		font-size: 0.56rem;
		white-space: nowrap;
	}

	.mls-nav-list {
		gap: 3px 4px;
	}

	.mls-nav-list a {
		font-size: 0.62rem;
		padding: 4px 2px;
	}
}

/* WordPress menu lists in every footer area. */
.mls-footer-quicklinks .mls-footer-menu-list,
.mls-footer-legal-links .mls-footer-legal-menu,
.mls-footer-social-menu {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.mls-footer-quicklinks .mls-footer-menu-list > li,
.mls-footer-legal-links .mls-footer-legal-menu > li,
.mls-footer-social-menu > li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mls-footer-social-menu a {
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 999px;
	color: #fff !important;
	display: inline-flex !important;
	font-size: 0.78rem !important;
	font-weight: 700;
	margin: 0 !important;
	min-height: 34px;
	padding: 7px 12px;
	text-decoration: none;
	transition: background-color 0.2s ease, transform 0.2s ease;
	white-space: nowrap;
}

.mls-footer-social-menu a:hover,
.mls-footer-social-menu a:focus-visible {
	background: #c9647d;
	color: #fff !important;
	transform: translateY(-1px);
}

@media (max-width: 680px) {
	.mls-footer-quicklinks .mls-footer-menu-list,
	.mls-footer-legal-links .mls-footer-legal-menu,
	.mls-footer-social-menu {
		gap: 10px 12px;
	}
}

/*
 * Final header layout reset. reference.css contains historical one-off
 * nth-child placements and fixed brand widths. Override those explicitly so
 * WordPress menu order, rather than the old visual hacks, determines layout.
 */
@media (min-width: 1024px) {
	.mls-header-main {
		align-items: center;
		display: grid;
		gap: 24px;
		grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
		justify-content: stretch;
	}

	.mls-brand {
		flex: none;
		grid-column: 1;
		grid-row: 1;
		max-width: none;
		min-width: 0;
		width: 100%;
	}

	.mls-brand-copy {
		flex: 1 1 auto;
		min-width: 0;
	}

	.mls-brand-mark {
		flex: 0 0 68px;
		height: 68px;
		width: 68px;
	}

	.mls-primary-nav {
		flex: none;
		grid-column: 2;
		grid-row: 1;
		margin: 0;
		min-width: 0;
		padding: 0;
		position: static;
		width: 100%;
	}

	.mls-menu-toggle {
		display: none !important;
	}

	.mls-nav-wrap {
		align-items: center;
		display: grid;
		gap: 12px;
		grid-template-columns: minmax(0, 1fr) max-content;
		justify-content: stretch;
		min-width: 0;
		position: static;
		width: 100%;
	}

	.mls-nav-lines {
		display: block;
		min-width: 0;
		width: 100%;
	}

	.mls-primary-nav .mls-nav-list {
		align-items: center;
		display: grid !important;
		gap: 4px 6px;
		grid-auto-flow: row;
		grid-auto-rows: minmax(34px, auto);
		grid-template-columns: repeat(7, minmax(0, 1fr));
		justify-content: stretch;
		margin: 0;
		min-width: 0;
		overflow: visible;
		padding: 0;
		width: 100%;
	}

	.mls-primary-nav .mls-nav-list > li,
	.mls-primary-nav .mls-nav-list > li:nth-child(n) {
		grid-column: auto !important;
		grid-row: auto !important;
		margin: 0 !important;
		min-width: 0;
		padding: 0;
		text-align: center;
		white-space: normal;
	}

	.mls-primary-nav .mls-nav-list > li a {
		align-items: center;
		display: flex;
		font-size: 0.72rem;
		justify-content: center;
		line-height: 1.2;
		min-height: 32px;
		overflow-wrap: anywhere;
		padding: 4px 3px;
		text-align: center;
		white-space: normal;
	}

	.mls-primary-nav .mls-nav-wrap .mls-saas-account-links {
		display: grid;
		gap: 7px;
		grid-template-columns: repeat(2, max-content);
		margin: 0;
		white-space: nowrap;
	}
}

@media (min-width: 1024px) and (max-width: 1180px) {
	.mls-header-main {
		gap: 14px;
		grid-template-columns: minmax(0, 260px) minmax(0, 1fr);
	}

	.mls-brand-mark {
		flex-basis: 58px;
		height: 58px;
		width: 58px;
	}

	.mls-brand-copy > strong {
		font-size: clamp(1.55rem, 2vw, 1.9rem) !important;
	}

	.mls-brand-copy > small {
		font-size: 0.55rem;
		line-height: 1.15;
		white-space: normal;
	}

	.mls-primary-nav .mls-nav-list {
		gap: 3px 4px;
	}

	.mls-primary-nav .mls-nav-list > li a {
		font-size: 0.64rem;
		padding: 4px 2px;
	}
}

@media (max-width: 1023px) {
	.mls-menu-toggle {
		align-items: center;
		flex-direction: column !important;
		gap: 4px !important;
		justify-content: center;
	}

	.mls-menu-toggle > span {
		border-radius: 2px;
		flex: 0 0 2px;
	}

	.mls-primary-nav .mls-nav-list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.mls-primary-nav .mls-nav-list > li,
	.mls-primary-nav .mls-nav-list > li:nth-child(n) {
		grid-column: auto !important;
		grid-row: auto !important;
	}
}

@media (max-width: 680px) {
	.mls-primary-nav .mls-nav-list {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/*
 * Final responsive header layout.
 * Keep member actions outside the collapsible navigation so they remain
 * visible on tablets and phones; the existing shortcode and menu links stay
 * responsible for their destinations and behavior.
 */
.mls-site-header {
overflow: visible;
}

@media (min-width: 1024px) {
.mls-header-main {
align-items: center;
display: grid !important;
gap: clamp(8px, 1.1vw, 18px);
grid-template-columns: minmax(185px, 0.85fr) minmax(0, 2.8fr) max-content;
justify-content: stretch;
margin-inline: auto;
min-height: 100px;
padding: 12px 0;
width: min(1600px, calc(100% - 24px));
}

.mls-brand {
align-items: center;
display: flex;
flex: none;
gap: 8px;
grid-column: 1;
grid-row: 1;
max-width: 100%;
min-width: 0;
width: 100%;
}

.mls-brand-mark {
flex: 0 0 clamp(44px, 4.4vw, 66px);
height: clamp(44px, 4.4vw, 66px);
width: clamp(44px, 4.4vw, 66px);
}

.mls-brand-copy {
flex: 1 1 auto;
min-width: 0;
}

.mls-brand-copy > strong {
font-size: clamp(1.05rem, 1.5vw, 1.55rem) !important;
line-height: 1;
white-space: nowrap;
}

.mls-brand-copy > small {
font-size: clamp(0.48rem, 0.62vw, 0.68rem);
line-height: 1.2;
margin-top: 5px;
}

.mls-primary-nav {
display: block;
flex: none;
grid-column: 2;
grid-row: 1;
margin: 0;
min-width: 0;
overflow: visible;
padding: 0;
position: static;
width: 100%;
}

.mls-nav-wrap {
display: block !important;
min-width: 0;
width: 100%;
}

.mls-nav-lines {
align-items: stretch;
display: flex;
flex-direction: column;
gap: 5px;
min-width: 0;
width: 100%;
}

.mls-primary-nav .mls-nav-list {
align-items: stretch;
display: grid !important;
gap: 4px 5px;
grid-auto-rows: minmax(34px, auto);
grid-template-columns: repeat(7, minmax(0, 1fr));
justify-content: stretch;
list-style: none;
margin: 0;
min-width: 0;
overflow: visible;
padding: 0;
width: 100%;
}

/* Keep the 13 standard categories in two balanced rows: six, then seven. */
.mls-primary-nav .mls-nav-list:not(.mls-nav-list--row-1):not(.mls-nav-list--row-2) > li:nth-child(n + 7) {
grid-row: 2 !important;
}

.mls-primary-nav .mls-nav-list:not(.mls-nav-list--row-1):not(.mls-nav-list--row-2) > li:nth-child(7) {
grid-column: 1 !important;
}

.mls-primary-nav .mls-nav-list:not(.mls-nav-list--row-1):not(.mls-nav-list--row-2) > li:nth-child(8) {
grid-column: 2 !important;
}

.mls-primary-nav .mls-nav-list:not(.mls-nav-list--row-1):not(.mls-nav-list--row-2) > li:nth-child(9) {
grid-column: 3 !important;
}

.mls-primary-nav .mls-nav-list:not(.mls-nav-list--row-1):not(.mls-nav-list--row-2) > li:nth-child(10) {
grid-column: 4 !important;
}

.mls-primary-nav .mls-nav-list:not(.mls-nav-list--row-1):not(.mls-nav-list--row-2) > li:nth-child(11) {
grid-column: 5 !important;
}

.mls-primary-nav .mls-nav-list:not(.mls-nav-list--row-1):not(.mls-nav-list--row-2) > li:nth-child(12) {
grid-column: 6 !important;
}

.mls-primary-nav .mls-nav-list:not(.mls-nav-list--row-1):not(.mls-nav-list--row-2) > li:nth-child(13) {
grid-column: 7 !important;
}

.mls-primary-nav .mls-nav-list > li,
.mls-primary-nav .mls-nav-list > li:nth-child(n) {
align-items: stretch;
display: flex;
grid-column: auto;
margin: 0;
min-width: 0;
padding: 0;
}

.mls-primary-nav .mls-nav-list > li::before {
align-items: center;
flex: 0 0 auto;
font-size: clamp(0.58rem, 0.68vw, 0.74rem);
margin: 0 2px 0 5px;
}

.mls-primary-nav .mls-nav-list > li > a {
align-items: center;
background: #fff5f6;
border: 1px solid #f1d9df;
border-radius: 999px;
box-sizing: border-box;
color: #76545d;
display: flex;
flex: 1 1 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: clamp(0.54rem, 0.68vw, 0.72rem);
font-weight: 600;
letter-spacing: normal;
justify-content: center;
line-height: 1.15;
min-height: 34px;
min-width: 0;
overflow-wrap: anywhere;
padding: 5px 4px;
text-align: center;
text-decoration: none;
text-transform: none;
white-space: normal;
}

.mls-primary-nav .mls-nav-list > li > a:hover,
.mls-primary-nav .mls-nav-list > li > a:focus-visible {
background: #ffe8ed;
border-color: #e9b9c4;
color: #743d4e;
}

.mls-primary-nav .mls-nav-list > li.current-menu-item > a,
.mls-primary-nav .mls-nav-list > li.current-menu-ancestor > a {
background: #d85d7c;
border-color: #d85d7c;
color: #fff;
}

.mls-header-actions {
align-items: flex-start;
display: flex;
flex-wrap: nowrap;
gap: 6px;
grid-column: 3;
grid-row: 1;
justify-content: flex-end;
max-width: 100%;
min-width: 0;
padding-top: 4px;
}

.mls-header-actions .mls-saas-account-links {
align-items: center;
display: flex !important;
flex: 0 0 auto;
flex-wrap: nowrap;
gap: 5px;
grid-template-columns: none;
margin: 0;
min-width: 0;
white-space: nowrap;
}

.mls-header-actions .mls-saas-account-links a {
align-items: center;
background: #fff;
border: 1px solid #e8afbe;
border-radius: 999px;
box-sizing: border-box;
color: #a84e69;
display: inline-flex;
flex: 0 1 auto;
font-size: clamp(0.64rem, 0.70vw, 0.76rem);
font-weight: 600;
justify-content: center;
line-height: 1.1;
max-width: 100%;
min-height: 36px;
padding: 7px clamp(6px, 0.7vw, 11px) !important;
text-decoration: none;
white-space: nowrap;
}

.mls-header-actions .mls-saas-account-links a:last-child {
background: #d85d7c;
border-color: #d85d7c;
color: #fff;
}

.mls-menu-toggle {
display: none !important;
}
}

@media (min-width: 1024px) and (max-width: 1280px) {
.mls-primary-nav .mls-nav-list {
gap: 3px 4px;
}

.mls-primary-nav .mls-nav-list > li::before {
font-size: 0.58rem;
margin-right: 1px;
}

.mls-primary-nav .mls-nav-list > li > a {
font-size: 0.54rem;
min-height: 31px;
padding: 4px 3px;
}
}

@media (max-width: 1023px) {
.mls-header-main {
align-items: center;
display: flex !important;
gap: clamp(5px, 1.5vw, 12px);
min-height: 72px;
padding: 8px 0;
position: relative;
width: min(1320px, calc(100% - 24px));
}

.mls-brand {
align-items: center;
flex: 1 1 auto;
gap: 7px;
max-width: none;
min-width: 0;
}

.mls-brand-mark {
flex: 0 0 40px;
height: 40px;
width: 40px;
}

.mls-brand-copy {
flex: 1 1 auto;
min-width: 0;
}

.mls-brand-copy > strong {
font-size: clamp(0.95rem, 2.1vw, 1.4rem) !important;
line-height: 1;
white-space: nowrap;
}

.mls-brand-copy > small {
font-size: 0.52rem;
line-height: 1.15;
margin-top: 4px;
}

.mls-header-actions {
align-items: center;
display: flex;
flex: 0 0 auto;
flex-wrap: nowrap;
gap: clamp(4px, 1vw, 9px);
margin-left: auto;
min-width: 0;
}

.mls-header-actions .mls-saas-account-links {
align-items: center;
display: flex !important;
flex: 0 1 auto;
flex-wrap: nowrap;
gap: clamp(3px, 0.7vw, 7px);
grid-template-columns: none;
margin: 0;
min-width: 0;
white-space: nowrap;
}

.mls-header-actions .mls-saas-account-links a {
align-items: center;
background: #fff;
border: 1px solid #e8afbe;
border-radius: 999px;
color: #a84e69;
box-sizing: border-box;
display: inline-flex;
flex: 0 1 auto;
font-size: clamp(0.60rem, 1.4vw, 0.76rem);
font-weight: 600;
justify-content: center;
line-height: 1.1;
max-width: min(132px, 28vw);
min-height: 34px;
padding: 6px clamp(5px, 1vw, 10px) !important;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.mls-header-actions .mls-saas-account-links a:last-child {
background: #d85d7c;
border-color: #d85d7c;
color: #fff;
}

.mls-menu-toggle {
align-items: center;
background: #d85d7c;
border: 0;
border-radius: 50%;
cursor: pointer;
display: flex !important;
flex: 0 0 38px;
flex-direction: column !important;
gap: 4px !important;
height: 38px;
justify-content: center;
margin: 0;
padding: 0;
width: 38px;
}

.mls-menu-toggle > span {
background: #fff;
border-radius: 2px;
display: block;
flex: 0 0 2px;
width: 17px;
}

.mls-primary-nav {
background: #fff;
border: 1px solid #f0dbe0;
border-radius: 0 0 14px 14px;
box-shadow: 0 14px 28px rgba(80, 45, 55, 0.16);
display: none;
left: 0;
max-height: min(75vh, 600px);
max-height: min(75dvh, 600px);
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
padding: 10px;
position: absolute;
right: 0;
top: calc(100% - 1px);
width: 100%;
z-index: 40;
}

.mls-primary-nav.is-open {
display: block;
}

.mls-nav-wrap,
.mls-nav-lines {
display: block;
min-width: 0;
width: 100%;
}

.mls-nav-lines {
align-items: stretch;
}

.mls-primary-nav .mls-nav-list {
align-items: stretch;
display: grid !important;
gap: 5px 7px;
grid-template-columns: repeat(2, minmax(0, 1fr));
list-style: none;
margin: 0 0 5px;
min-width: 0;
padding: 0;
width: 100%;
}

.mls-primary-nav .mls-nav-list > li,
.mls-primary-nav .mls-nav-list > li:nth-child(n) {
align-items: stretch;
border-bottom: 1px solid #f3e8eb;
display: flex;
grid-column: auto;
grid-row: auto;
margin: 0;
min-width: 0;
padding: 0;
}

.mls-primary-nav .mls-nav-list > li::before {
align-items: center;
flex: 0 0 auto;
font-size: 0.9rem;
margin: 0 3px 0 7px;
}

.mls-primary-nav .mls-nav-list > li > a {
align-items: center;
border-radius: 8px;
box-sizing: border-box;
color: #59454a;
display: flex !important;
flex: 1 1 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.84rem;
justify-content: flex-start;
line-height: 1.25;
min-height: 44px;
min-width: 0;
overflow-wrap: anywhere;
padding: 8px 7px !important;
text-align: left;
text-decoration: none;
white-space: normal;
}

.mls-primary-nav .mls-nav-list > li > a:hover,
.mls-primary-nav .mls-nav-list > li > a:focus-visible {
background: #fff0f3;
}

}

@media (max-width: 680px) {
.mls-brand-mark {
flex-basis: 34px;
height: 34px;
width: 34px;
}

.mls-brand-copy > strong {
font-size: clamp(0.82rem, 3.5vw, 1.08rem) !important;
}

.mls-brand-copy > small {
display: none;
}

.mls-header-actions .mls-saas-account-links a {
max-width: min(110px, 28vw);
}

.mls-primary-nav .mls-nav-list {
grid-template-columns: minmax(0, 1fr) !important;
}

.mls-primary-nav .mls-nav-list > li > a {
font-size: 0.9rem;
}

.mls-menu-toggle {
flex-basis: 36px;
height: 36px;
width: 36px;
}

.mls-menu-toggle > span {
width: 16px;
}
}

@media (max-width: 359px) {
.mls-brand {
flex: 0 0 34px;
}

.mls-brand-copy {
display: none;
}

.mls-brand-mark {
flex-basis: 30px;
height: 30px;
width: 30px;
}

.mls-header-actions {
gap: 3px;
}

.mls-header-actions .mls-saas-account-links {
gap: 3px;
}

.mls-header-actions .mls-saas-account-links a {
font-size: 0.58rem;
max-width: min(82px, 28vw);
min-height: 32px;
padding: 4px 5px !important;
}

.mls-menu-toggle {
flex-basis: 32px;
height: 32px;
width: 32px;
}
}

/*
 * Place account actions at the end of desktop menu row one. On smaller
 * screens they live inside the expandable menu, leaving the header row clear.
 */
@media (min-width: 1024px) {
.mls-header-main {
grid-template-columns: minmax(185px, 0.85fr) minmax(0, 2.8fr);
}

.mls-primary-nav {
grid-column: 2;
min-width: 0;
width: 100%;
}

.mls-header-actions {
display: none !important;
}

.mls-nav-wrap {
align-items: stretch;
display: grid !important;
gap: 4px 5px;
grid-template-columns: repeat(8, minmax(0, 1fr));
min-width: 0;
width: 100%;
}

.mls-nav-lines,
.mls-primary-nav .mls-nav-list {
display: contents !important;
}

.mls-primary-nav .mls-nav-list--row-1 > li:nth-child(n) {
grid-column: auto !important;
grid-row: 1 !important;
}

.mls-primary-nav .mls-nav-list--row-2 > li:nth-child(n) {
grid-column: auto !important;
grid-row: 2 !important;
}

.mls-primary-nav .mls-nav-wrap .mls-saas-account-links {
align-items: center;
display: flex !important;
flex-wrap: nowrap;
gap: 5px;
grid-column: 7 / 9;
grid-row: 1;
justify-content: flex-end;
margin: 0;
min-width: 0;
white-space: nowrap;
}

.mls-primary-nav .mls-nav-wrap .mls-saas-account-links a {
align-items: center;
background: #fff;
border: 1px solid #e8afbe;
border-radius: 999px;
box-sizing: border-box;
color: #a84e69;
display: inline-flex;
flex: 0 1 auto;
font-size: clamp(0.62rem, 0.70vw, 0.76rem);
font-weight: 600;
justify-content: center;
line-height: 1.1;
max-width: 100%;
min-height: 34px;
padding: 6px clamp(6px, 0.7vw, 10px) !important;
text-decoration: none;
white-space: nowrap;
}

.mls-primary-nav .mls-nav-wrap .mls-saas-account-links a:last-child {
background: #d85d7c;
border-color: #d85d7c;
color: #fff;
}
}

@media (max-width: 1023px) {
.mls-header-actions {
flex: 0 0 auto;
margin-left: auto;
}

.mls-primary-nav .mls-nav-wrap {
display: block !important;
}

.mls-primary-nav .mls-nav-wrap .mls-saas-account-links {
align-items: stretch;
display: grid !important;
gap: 8px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 10px 0 2px;
width: 100%;
}

.mls-primary-nav .mls-nav-wrap .mls-saas-account-links a {
align-items: center;
background: #fff;
border: 1px solid #e8afbe;
border-radius: 999px;
box-sizing: border-box;
color: #a84e69;
display: flex;
font-size: clamp(0.68rem, 2.1vw, 0.82rem);
font-weight: 600;
justify-content: center;
line-height: 1.2;
max-width: 100%;
min-height: 40px;
overflow-wrap: anywhere;
padding: 6px 8px !important;
text-align: center;
text-decoration: none;
text-overflow: clip;
white-space: normal;
}

.mls-primary-nav .mls-nav-wrap .mls-saas-account-links a:last-child {
background: #d85d7c;
border-color: #d85d7c;
color: #fff;
}
}