/* ====================================================================
   rt-search-save.css: the embedded search bar's SAVE MODE, the Saved homes page's custom search
   (data-rts-mode="save", owner 2026-10-10), and the Listing Alerts' step 2, which loads it when the step opens
   (alerts_search, inc/alerts-search.php). Script: assets/js/rt-search-save.js. Loaded with the page there only,
   right after rt-search-embed.css (rt_search_embed_enqueue( true ), inc/mls/search-embed.php); /homes/ and the
   21 content pages never load it, so their bar keeps exactly the rules of rt-search-embed.css.

   Nothing in that bar has an address: More filters and a place tag's remove control are buttons, so the theme's
   button rules are undone here; More filters counts what its drawer sets in the /homes/ badge (square, white on
   the accent). The drawer itself is the /homes/ one, styled by rt-search.css under .rts (its wrapper), which that
   page loads with this sheet. Every rule names .rts-embed, as in rt-search-embed.css.
   ==================================================================== */
.rts-embed button.rts-chip { text-transform: none; letter-spacing: normal; box-shadow: none; }
.rts-embed button.rts-tok__x { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; cursor: pointer; }
.rts-embed .rts-badge {
	display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; margin: 0;
	border-radius: 3px; background: var(--rts-accent); color: #fff; font: 600 11.5px/1 var(--rts-sans);
}
/* Phones: with a count, Filters takes a column more from the switch (the /homes/ rule). */
@media (max-width: 768px) {
	.rts-embed .rts-ctl:has(.rts-badge) .rts-seg { grid-column: 1 / span 7; }
	.rts-embed .rts-ctl:has(.rts-badge) .rts-chip--more { grid-column: 8 / span 5; padding: 0 10px; gap: 6px; }
	/* The bar sits in a panel here, narrower than the /homes/ bar: the count takes the icon's room, so "Filters" stays whole. */
	.rts-embed .rts-ctl:has(.rts-badge) .rts-chip--more .rts-i { display: none; }
}
@media (max-width: 319px) {
	.rts-embed .rts-ctl:has(.rts-badge) .rts-seg,
	.rts-embed .rts-ctl:has(.rts-badge) .rts-chip--more { grid-column: 1 / -1; }
	/* The Saved page's panel is a box already: under 320px the bar gives up its own frame for the room. */
	.rts-embed[data-rts-mode="save"] { padding: 0; border: 0; background: transparent; box-shadow: none; }
}
@media (max-width: 219px) {
	/* A phone zoomed to 120 to 219px: the words wrap inside their buttons rather than run past them (Save search, the
	   chosen price and beds, Filters beside its count). Save mode only: the content pages' bar stays as it was. */
	.rts-embed[data-rts-mode="save"] .rts-go { height: auto; min-height: 46px; padding: 6px 4px; white-space: normal; line-height: 1.2; text-align: center; }
	.rts-embed[data-rts-mode="save"] .rts-qf > summary.rts-chip { height: auto; min-height: 44px; padding: 6px 8px; white-space: normal; line-height: 1.25; }
	.rts-embed[data-rts-mode="save"] .rts-qf > summary .rts-chip__l { overflow: visible; text-overflow: clip; }
	.rts-embed[data-rts-mode="save"] .rts-qf > summary .rts-i { display: none; }
	.rts-embed .rts-ctl:has(.rts-badge) .rts-chip--more { height: auto; min-height: 44px; flex-wrap: wrap; justify-content: center; row-gap: 4px; padding: 6px 4px; }
	.rts-embed .rts-ctl:has(.rts-badge) .rts-chip--more .rts-chip__l { overflow: visible; text-overflow: clip; }
	/* The chosen places stack, one a line, each as much of its name as fits; their remove buttons and the "+N" give way
	   (a press on the box opens the search sheet, which lists every place with its remove button). */
	.rts-embed[data-rts-mode="save"] .rts-omni:has(.rts-tok) { height: auto; min-height: 46px; flex-wrap: wrap; row-gap: 4px; padding: 6px; }
	.rts-embed[data-rts-mode="save"] .rts-omni:has(.rts-tok) .rts-toks { flex: 1 1 100%; flex-direction: column; gap: 4px; }
	.rts-embed[data-rts-mode="save"] .rts-omni .rts-tok:not(.rts-tok--more) ~ .rts-tok:not(.rts-tok--more),
	.rts-embed[data-rts-mode="save"] .rts-omni .rts-tok.is-extra { display: inline-flex; }
	.rts-embed[data-rts-mode="save"] .rts-omni .rts-tok--more,
	.rts-embed[data-rts-mode="save"] .rts-omni .rts-tok__x { display: none; }
	.rts-embed[data-rts-mode="save"] .rts-omni .rts-tok { max-width: 100%; padding: 0 6px; }
	.rts-embed[data-rts-mode="save"] .rts-omni:has(.rts-tok) .rts-omni__in { flex: 1 1 100%; height: 28px; }
}