/* ==========================================================================
   Crown of Caribbean — site v22
   1. Stays section head spans/centers across both cards (was left-stacked
      over card 1 only).
   2. Whole guide card is clickable (stretched title link) — the old target
      was just the title text.
   3. Book-direct messaging styles.
   ========================================================================== */

/* --- 1. Merged, centered head for the two-stays section ------------------ */

#stays .section__head {
  max-width: none;
  text-align: center;
}

#stays .section__head p {
  max-width: 62ch;
  margin-inline: auto;
}

#stays .kick {
  justify-content: center;
}

#stays .kick::before {
  content: "";
  flex: 0 0 2.25rem;
  height: 1px;
  background: var(--line);
}

/* --- 2. Guide cards: entire card is the link ------------------------------ */

.card {
  position: relative;
}

.card h3 a::after {
  content: "";
  position: absolute;
  inset: 0;
}

/* --- 3. Book-direct messaging --------------------------------------------- */

.direct-note {
  color: var(--ink-3);
  font-size: 0.85rem;
  margin: 0.6rem 0 0;
}

.mcard__foot {
  flex-wrap: wrap;
  gap: 0.4rem 0.75rem;
}

.mcard__foot .pill {
  white-space: nowrap;
}

/* --- 4. Per-card descriptions (v23) --------------------------------------- */

.mcard__desc {
  color: var(--ink-2);
  font-size: 0.94rem;
  margin: 0 0 0.8rem;
}