/* =============================================================
   Hotel The Black Gold — page-amenities.css
   Page-specific styles for amenities.html only.
   Loaded after global.css.
   ============================================================= */

/* ── Section spacing modifiers ──────────────────────────────── */
/* Used to tighten vertical rhythm between consecutive sections
   that share a topic (e.g. AI summary → intro → room amenities). */
.section-tight-top    { padding-top: 0 }
.section-tight-bottom { padding-bottom: 0 }
.section-snug-top     { padding-top: 40px }

/* ── Intro paragraph ────────────────────────────────────────── */
/* Constrains intro / lead-in paragraphs to a comfortable
   reading width and sets bottom margin for separation. */
.intro-lead {
  max-width: 860px;
}
.intro-spaced {
  margin-bottom: 24px;
}
.intro-spaced-sm {
  margin-bottom: 4px;
}

/* ── Amenity tile sub-text ──────────────────────────────────── */
/* The small grey caption inside an .amenity tile. */
.amenity-sub {
  font-size: .88rem;
  color: #cfcfcf;
}

/* ── Amenity section body copy ──────────────────────────────── */
/* Body paragraph inside an .amenity-section card. */
.amenity-section > p {
  color: #d2d2d2;
  font-size: .93rem;
  margin: 0;
}

/* ── Room guide list ────────────────────────────────────────── */
/* "Which Room Should You Choose?" guidance list. */
.room-guide-list {
  margin: .2rem 0 0 1.1rem;
  padding-left: 1.1rem;
  color: #d2d2d2;
  font-size: .95rem;
  line-height: 1.8;
}

/* ── Inline heading icon ────────────────────────────────────── */
/* Icon placed inline before an h3 in a highlight-band. */
.heading-icon {
  margin-right: 8px;
}

/* ── Utility: prevent flex item from shrinking ──────────────── */
.flex-no-shrink {
  flex-shrink: 0;
}