/*
 * search_switch (the search page, visual sweep 10-16): All homes · Haciendas · Villas · Condos as a row of tabs on one rule.
 * Tabs, not pills, so it never reads as a second filter bar next to the grid's. Tokens: rmh-landing.css (--l-*).
 */
#rmh-landing .rmh-ss { padding-top: 28px; }
#rmh-landing .rmh-ss__row {
	display: flex; gap: 28px; overflow-x: auto; scrollbar-width: none; border-bottom: 1px solid var(--l-sand);
	margin-right: calc(-1 * var(--l-gutter)); padding-right: var(--l-gutter);
}
#rmh-landing .rmh-ss__row::-webkit-scrollbar { display: none; }
#rmh-landing .rmh-ss__link {
	position: relative; display: inline-flex; align-items: center; min-height: 48px; flex: none;
	color: var(--l-ink-soft); font: 500 15px/1 var(--l-sans); text-decoration: none; transition: color .2s;
}
#rmh-landing .rmh-ss__link::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--l-ink);
	transform: scaleX(0); transform-origin: left; transition: transform .25s var(--l-ease);
}
#rmh-landing .rmh-ss__link:hover { color: var(--l-ink); }
#rmh-landing .rmh-ss__link[aria-current="page"] { color: var(--l-ink); font-weight: 600; }
#rmh-landing .rmh-ss__link:is(:hover, [aria-current="page"])::after { transform: scaleX(1); }
#rmh-landing .rmh-ss__link:focus-visible { outline: 2px solid var(--l-ink); outline-offset: 2px; border-radius: 2px; }
/* the grid under the tabs needs less air than under a head */
#rmh-landing .rmh-ss + .rmh-lg { padding-top: 28px; }
@media (min-width: 768px) {
	#rmh-landing .rmh-ss { padding-top: 64px; }
	#rmh-landing .rmh-ss__row { gap: 40px; margin-right: 0; padding-right: 0; overflow: visible; }
}
@media (prefers-reduced-motion: reduce) {
	#rmh-landing .rmh-ss__link::after { transition: none; }
}
/* under a head with a photo, the tabs start below the photo's overlap (collection-head.css does the same for a band) */
@media (min-width: 768px) {
	#rmh-landing .rmh-ch:not(.rmh-ch--text) + .rmh-ss { padding-top: 88px; }
}