/* hotels.css
   Page-level stylesheet. Imports section styles for Hotels page.
*/
@import url('./hotels/section-hero.css');
@import url('./hotels/section-cards.css');
@import url('./hotels/section-contact-cta.css');

/* container padding for hotels (matches home spacing) */
.page-content .container { padding-left: 24px; padding-right: 24px; }
@media (max-width: 520px){ .page-content .container { padding-left: 16px; padding-right: 16px; } }
/* background consistency */
body.page-dark { background: #0b1020; }

/* width match home page */
.page-content .container { max-width: 1480px; margin-left: auto; margin-right: auto; }

/* --- FIX: ensure Hotels page headings are centered (override any page/section conflicts) --- */
.hotels-hero, .hotels-hero * { text-align: center; }
.hotels-hero .container { display: flex; flex-direction: column; align-items: center; }
.hotels-hero h1, .hotels-hero p, .hotels-hero .eyebrow { text-align: center !important; }

.hotels-section .section-title { 
  width: 100%;
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

/* If any section intro block is reused, center its text */
.hotels-section .section-head, 
.hotels-section .section-head * { text-align: center !important; }