/* ===== Final fixes: hero text, distinct images, room image sections, mobile ===== */

/* Home hero: still no overlay on the photo; only a soft shadow right behind the text so it stays readable */
.hero-content{position:relative}
.hero-content:before{content:'';position:absolute;z-index:-1;left:-6%;top:-8%;width:112%;height:116%;background:radial-gradient(ellipse at 38% 50%,rgba(12,30,24,.58) 0%,rgba(12,30,24,.38) 45%,rgba(12,30,24,0) 72%);pointer-events:none}
.hero h1,.hero h1 span,.hero p,.hero .eyebrow,.hero .text-link{text-shadow:0 1px 2px rgba(0,0,0,.7),0 3px 14px rgba(0,0,0,.65),0 8px 32px rgba(0,0,0,.45)}
.hero h1 span{color:#fff1d6!important}
.hero p{color:#fff!important;font-weight:500}
.hero .text-link{color:#fff!important}

/* Home: "Stay Close to Nature" section now shows a room photo */
.scenic-image,.showcase-image{background-image:url('../assets/rooms/deluxe-bedside.jpg')!important;background-size:cover!important;background-position:center!important}

/* Home: "A glimpse of Haven's Bay" – six different photos */
.masonry .g{background-size:cover!important;background-position:center!important}
.masonry .g1{background-image:url('../assets/havens-bay-exterior.jpg')!important}
.masonry .g2{background-image:url('../assets/rooms/deluxe-bedside.jpg')!important}
.masonry .g3{background-image:url('../assets/rooms/superior-interior.jpg')!important}
.masonry .g4{background-image:url('../assets/rooms/suite-sitting.jpg')!important}
.masonry .g5{background-image:url('../assets/dining/restaurant-1.jpg')!important}
.masonry .g6{background-image:url('../assets/rooms/superior-interior.jpg')!important}

/* Gallery page: "The Haven's Bay Mood" – replace stock photo with a Haven's Bay room */
.gallery-feature-image{background:url('../assets/rooms/superior-interior.jpg') center/cover no-repeat!important}

/* ===== Mobile responsiveness (all pages) ===== */
html,body{max-width:100%;overflow-x:hidden}
img,video,iframe{max-width:100%}
@media(max-width:1000px){
  .masonry{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important;grid-auto-rows:220px}
  .masonry .g1{grid-row:auto!important;grid-column:1/-1!important}
  .masonry .g5{grid-column:auto!important}
}
@media(max-width:650px){
  .container{width:calc(100% - 32px)!important;margin-left:auto!important;margin-right:auto!important}
  .hero-content:before{left:-4%;width:108%;background:radial-gradient(ellipse at 45% 50%,rgba(12,30,24,.62) 0%,rgba(12,30,24,.4) 55%,rgba(12,30,24,0) 80%)}
  .hero h1{font-size:clamp(38px,11vw,54px)!important;line-height:1.05}
  .hero p{font-size:14px}
  .hero-actions{flex-wrap:wrap}
  .masonry{grid-template-columns:1fr!important;grid-auto-rows:240px}
  .masonry .g1{grid-column:auto!important}
  .showcase-image{min-height:260px}
  .room-image{min-height:240px}
  .gallery-feature{margin-top:50px}
  .gallery-feature-image{min-height:300px!important}
  .gallery-feature-copy h2{font-size:clamp(38px,11vw,52px)}
  .gallery-grid-premium{grid-template-columns:1fr!important;grid-auto-rows:240px!important}
  .gallery-grid-premium button{grid-column:auto!important;grid-row:auto!important}
  .room-detail-hero,.about-hero,.rooms-hero,.amenity-hero,.premium-contact-hero{min-height:360px}
  h1{overflow-wrap:break-word}
  table{display:block;overflow-x:auto}
  .site-direct-call{font-size:11px;padding:10px 14px;bottom:14px}
  .whatsapp{bottom:14px;right:14px}
  .footer-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:390px){.footer-grid{grid-template-columns:1fr!important}}