/* ============================================================
   STAY — page styles.
   The structural map/pin/listing styles are shared with the
   Things To Do page (things-to-do.css, linked before this file);
   this file adds only the lodging category colors, the outbound
   card link, and the chain-hotel note.
   ============================================================ */

/* ---------------- CATEGORY COLORS (pins + card badges) ---------------- */
.cat-inns   { --pin:var(--clay); }
.cat-farm   { --pin:var(--goldenrod); }
.cat-cabins { --pin:var(--ridge); }
.cat-hotels { --pin:var(--spruce); }

.bg-inns   { background:var(--clay); }
.bg-farm   { background:var(--goldenrod); color:var(--spruce) !important; }
.bg-cabins { background:var(--ridge); }
.bg-hotels { background:var(--spruce); }

/* ---------------- OUTBOUND CARD LINK ---------------- */
.listing__link { margin-top:0.45rem; font-size:0.8rem; font-weight:700; color:var(--ridge); display:inline-flex; align-items:center; gap:0.3rem; align-self:flex-start; }
.listing__link:hover,
.listing__link:focus-visible { color:var(--spruce); }
.listing__link .arr { transition:transform 0.2s var(--ease); }
.listing__link:hover .arr { transform:translateX(4px); }

/* ---------------- CHAIN-HOTEL NOTE ---------------- */
.stay-note { margin:0 0 4rem; padding:1rem 1.25rem; border-left:3px solid var(--goldenrod); background:var(--limestone-soft); border-radius:0 var(--radius) var(--radius) 0; font-size:0.875rem; color:#4a4b44; line-height:1.6; max-width:72ch; }