/* -----------------------------------------------------------------
   1. CANVAS & TYPE
   ----------------------------------------------------------------- */
body {
  background-color: var(--lux-paper);
  color: var(--lux-ink);
  font-size: 15px;            /* up from 14px for a more generous read */
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--lux-ink);
  font-weight: 500;           /* lighter than the stock 700 = more elegant */
  letter-spacing: .005em;
}

h1 { font-size: 2.2rem;  line-height: 1.2; }
h2 { font-size: 1.85rem; line-height: 1.25; }
h3 { font-size: 1.4rem;  line-height: 1.4; }

::selection      { background: var(--lux-accent); color: #fff; }
::-moz-selection { background: var(--lux-accent); color: #fff; }

/* -----------------------------------------------------------------
   1b. FRONT-PAGE PAPER COHESION  (fixes the white slab / vertical column)
   The listings sat on a white block over the cream page, so the white
   cards had nothing to lift off and the cream only survived as side
   margins / a vertical strip between columns. We scope to body.home
   (reliable no matter which page template the home uses) and clear the
   backgrounds on the content area AND the WPBakery row + columns that
   hold the listings, so the warm paper shows through and the cards float.
   ----------------------------------------------------------------- */
body.home .content-area,
body.home .site-main,
body.home .entry-content,
body.home .entry-content > .wpb_wrapper {
  background: transparent !important;
}

/* The actual source of the white slab: .main-wrapper carries the colour.
   Clear it so the warm paper shows through behind the listings. */
body.home .main-wrapper {
  background-color: transparent !important;
}

/* Clear only the rows/columns that contain listings (via :has), so other
   home-page sections keep whatever background you gave them. */
body.home .vc_row:has(.mphb_sc_rooms-wrapper),
body.home .vc_row:has(.mphb_sc_room-wrapper),
body.home .vc_row:has(.mphb_sc_rooms-wrapper) .wpb_column,
body.home .vc_row:has(.mphb_sc_rooms-wrapper) .vc_column-inner,
body.home .vc_row:has(.mphb_sc_room-wrapper) .wpb_column,
body.home .vc_row:has(.mphb_sc_room-wrapper) .vc_column-inner,
body.home .mphb_sc_rooms-wrapper,
body.home .mphb_sc_room-wrapper {
  background-color: transparent !important;
}

/* A little side breathing room on smaller screens */
@media (max-width: 60em) {
  body.home .site-main { padding-left: 1.1rem; padding-right: 1.1rem; }
}

/* Still seeing white after this? Then that row's white was set in the
   builder. Open the row in WPBakery (Row → Design Options → Background)
   and set it to none — or, as a blunt fallback, uncomment the line below. */
/*
body.home .vc_row, body.home .wpb_column { background-color: transparent !important; }
*/

/* -----------------------------------------------------------------
   2. LINKS
   ----------------------------------------------------------------- */
a { color: var(--lux-accent); }
a:hover,
a:focus { color: var(--lux-accent-deep); }