/* Hotel facts from the supplier listing (stayLiveFacts / stayTopWhy in familytrip-next-preview.html).
   World Beyond Home tokens: Inter text, Midnight #0E1A2B, Champagne #C8A46A, bone #F6F1E9. */
.stay-live{display:grid;gap:6px;margin:10px 0 12px;font:400 14px/1.4 var(--wl-sans,Inter,system-ui,sans-serif);color:var(--wl-ink,#0e1a2b)}
.stay-live p{margin:0}
.stay-live .sl-rating{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
.stay-live .sl-rating b{display:inline-grid;place-items:center;min-width:42px;height:30px;padding:0 6px;border-radius:8px;background:var(--wl-dusk,#0e1a2b);color:#fff8ea;font:700 15px/1 var(--wl-sans,Inter,sans-serif)}
.stay-live .sl-rating span{color:var(--wl-muted,#625c53);font-size:13px}
.stay-live .sl-stars{color:var(--wl-teal-ink,#7d5e2a)!important;letter-spacing:1px;font-size:14px!important}
.stay-live .sl-room{padding:6px 10px;border-radius:10px;font-size:13.5px;font-weight:500}
.stay-live .sl-room.yes{background:#eaf3ec;color:#1f5133}
.stay-live .sl-room.no{background:var(--wl-warn-soft,#fbf3e2);color:var(--wl-warn-ink,#6b4e12)}
.stay-live .sl-fam{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.stay-live .sl-fam li{padding:3px 9px;border:1px solid var(--wl-line,#ddd2c0);border-radius:999px;background:#fff;font-size:12.5px;color:var(--wl-ink,#0e1a2b)}
.stay-live .sl-guests,.stay-live .sl-watch{font-size:13.5px}
.stay-live .sl-guests span,.stay-live .sl-watch span{display:block;font:600 11px/1.3 var(--wl-sans,Inter,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--wl-teal-ink,#7d5e2a)}
.stay-live .sl-watch span{color:var(--wl-ember-ink,#9a4220)}
.stay-live .sl-src{font-size:11.5px;color:var(--wl-muted,#625c53)}
.stay-top-list .why-top{padding:8px 10px;border-left:3px solid var(--wl-lantern,#c8a46a);background:var(--wl-lantern-soft,#f6eedd);border-radius:0 8px 8px 0;font-weight:500}
.stay-top-list .why-top span{display:block;font:600 11px/1.3 var(--wl-sans,Inter,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--wl-teal-ink,#7d5e2a)}
.stay-content-status{font-style:italic}
/* A real photo replaces the monogram as soon as it loads. */
.stay-top-list .hotel-ph.has .ph-fb,.stay .hotel-ph.has .ph-fb{display:none}
.stay-top-list .hotel-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stay-top-list .hotel-ph{position:relative;overflow:hidden;aspect-ratio:16/10!important}
.stay-top-list .hotel-ph.has{height:180px;min-height:180px}
@media (max-width:760px){.stay-top-list .hotel-ph.has{height:200px;min-height:200px}}
.stay-live ul.sl-fam>li{display:inline-block;margin:0;padding:3px 9px!important;border:1px solid var(--wl-line,#ddd2c0)!important;border-radius:999px!important;background:#fff!important;font-size:12.5px!important;line-height:1.4!important;box-shadow:none!important;min-height:0!important}
.stay-live .sl-name{font-size:12.5px;color:var(--wl-muted,#625c53)}
.stay-price-snapshot.live{border-left:3px solid #2f7a4f}
.stay-price-snapshot.live small{display:block;margin-top:4px;font-size:11.5px;line-height:1.4;color:var(--wl-muted,#625c53)}
/* Top 3: numbers that match the top-3 map */
.stay-top-list .top-num{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:50%;background:var(--wl-dusk,#0e1a2b);color:#fff8ea;font:700 13px/1 var(--wl-sans,Inter,sans-serif);vertical-align:2px}
.stay-shortlist .mapbox{margin-top:12px}
/* Quick filters */
.stay-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 14px}
.stay-quick .sq-label{font:600 12px/1.2 var(--wl-sans,Inter,sans-serif);letter-spacing:.06em;text-transform:uppercase;color:var(--wl-teal-ink,#7d5e2a);margin-right:2px}
.stay-quick .sq-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 14px;border:1px solid var(--wl-line,#ddd2c0);border-radius:999px;background:#fff;color:var(--wl-ink,#0e1a2b);font:500 14px/1.2 var(--wl-sans,Inter,sans-serif);cursor:pointer}
.stay-quick .sq-chip small{font-size:12px;color:var(--wl-muted,#625c53)}
.stay-quick .sq-chip[aria-pressed="true"]{background:var(--wl-dusk,#0e1a2b);border-color:var(--wl-dusk,#0e1a2b);color:#fff8ea}
.stay-quick .sq-chip[aria-pressed="true"]::before{content:"✓"}
.stay-quick .sq-clear{min-height:44px;padding:8px 12px;border:0;background:none;color:var(--wl-teal-ink,#7d5e2a);font:600 14px/1.2 var(--wl-sans,Inter,sans-serif);text-decoration:underline;cursor:pointer}
.stay-quick .sq-note{flex-basis:100%;margin:0;font-size:12px;color:var(--wl-muted,#625c53)}
.stay-sort{max-width:320px}
.stay-sort select{min-height:44px}