@charset "UTF-8";
/* ---------------------------------------------------------------------------
   RETREAT INCLUSIONS — the "what you get" header band and its checkmark list.
   Added 2026-08-20 with the Retreat Type page rebuild (nodes 20, 21, 22, 47).

   The four headline facts are the page's own bullets promoted out of the list,
   not new copy. Promotion is by FAMILY, WEIGHT and COLOUR rather than by size:
   the sitewide `p, ul, ol` size is already fluid to 21px at desktop, so a
   size-only promotion vanishes exactly where the page is widest.

   Contrast against $paper #F6F3EE, the ground these pages actually use:
     $teal-light   #3F5B5F ....  6.60:1   programme facts
     $paper-plum   #FDFBFA on $primary #0C434A .... 10.62:1   the price
     $sand         #D5C4A1 on $primary ...........   6.38:1   the price terms
   --------------------------------------------------------------------------- */
.retreat-inclusions__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.75rem;
  padding-bottom: 1.75rem;
  margin-bottom: 1.75rem;
  border-bottom: 1px solid #D5C4A1;
}

.retreat-inclusions__intro {
  flex: 1 1 20rem;
}

.retreat-inclusions__intro h2 {
  text-align: left;
  margin-bottom: 0.75rem;
}

.retreat-inclusions__facts {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #3F5B5F;
}

@media (min-width: 801px) {
  .retreat-inclusions__facts {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem 0;
  }
  .retreat-inclusions__facts li:not(:last-child)::after {
    content: "·";
    margin-inline: 0.5rem;
  }
}
.retreat-inclusions__price {
  flex: 0 0 auto;
  margin: 0;
  padding: 1rem 1.75rem;
  background: #0C434A;
  border-radius: 12px;
  text-align: center;
}

.retreat-inclusions__amount {
  display: block;
  font-family: "Nunito Sans", sans-serif;
  font-size: clamp(2rem, 1.826rem + 0.556vw, 2.313rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #FDFBFA;
}

.retreat-inclusions__terms {
  display: block;
  font-family: "Source Sans 3", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  color: #D5C4A1;
}

/* The list keeps .star-ul.check — the theme's own checkmark list, whose glyph
   and hanging indent are already solved for wrapped lines.

   Responsive by column WIDTH rather than by breakpoint: the browser fits as
   many 20rem columns as the space allows, so it is one on a phone, two on a
   tablet, and can never over-split.

   THE FLOOR IS SET BY THE CONTAINER, NOT BY TASTE. Inside .text-section.wide
   the list is 731px. Two 20rem tracks plus the 37px gap need 677px, so they
   fit; three would need 1034px, so they cannot appear. A 22rem floor needs
   741px and collapses to one column at every width — ten pixels short.

   Multi-column rather than grid: with grid-template-columns every row is as
   tall as its tallest item, and the row holding the 124- and 153-character
   bullets forced ~80px of empty space beside its short neighbours. */
.retreat-inclusions__list {
  columns: 20rem;
  column-gap: 2.313rem;
}

.star-ul.retreat-inclusions__list li {
  margin-left: 0;
  margin-bottom: 0.75rem;
  break-inside: avoid;
}

/*# sourceMappingURL=retreat-inclusions.css.map */