/* The lodges page. Loaded by lodges.php only.
   The cards are rendered by includes/room-cards.php (.lcard, style.css). */

/* ---- Heading over the cards ----------------------------------------- */
.lodges-list { padding-top: clamp(3.5rem, 6vw, 5.5rem); padding-bottom: clamp(3rem, 6vw, 5rem); }
.lodges-head { margin-bottom: clamp(2rem, 4vw, 3rem); align-items: end; }
.lodges-head h2 { margin-bottom: 0; }
.lodges-head__text { max-width: 48ch; }
.lodges-head__text p { color: var(--ink-soft); font-size: .95rem; }
.lodges-head__text p + p { margin-top: .8rem; }
.lodges-offer { padding-block: clamp(2.5rem, 5vw, 4rem); }
@media (max-width: 760px) { .lodges-head__text { margin-top: 1.2rem; } }

/* ---- Good to know ----------------------------------------------------- */
.lodges-know__grid {
  display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(2.5rem, 6vw, 6rem); align-items: start;
}
.lodges-know__head h2 { margin-bottom: 1.6rem; }
.lodges-know__text { color: var(--ink-soft); max-width: 40ch; }
.lodges-know__times { margin-bottom: 2.4rem; border-color: var(--line); }
.lodges-know__list { border-top: 1px solid var(--line); gap: 0; }
.lodges-know__list li {
  padding: 1.15rem 0 1.15rem 2.2rem; border-bottom: 1px solid var(--line);
  font-family: var(--serif); font-weight: 300; font-size: clamp(1.15rem, 1.6vw, 1.4rem); line-height: 1.35; color: var(--forest);
}
.lodges-know__list li::before { top: 1.95rem; width: 1.1rem; }
@media (max-width: 900px) { .lodges-know__grid { grid-template-columns: 1fr; } }