/* ============================================================
   Shubham Hotels — room landing pages
   ============================================================ */
.sh-room-hero { position:relative; min-height:64vh; display:flex; align-items:flex-end; overflow:hidden; }
.sh-room-hero__bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.sh-room-hero__scrim { position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(11,27,51,.30) 0%,rgba(11,27,51,.60) 50%,rgba(11,27,51,.90) 100%); }
.sh-room-hero__inner { position:relative; z-index:2; padding-block:4rem 3.5rem; max-width:760px; }
.sh-room-hero__eyebrow { color:var(--gold-metallic,#C9A227); text-transform:uppercase;
  letter-spacing:.2em; font-size:.72rem; font-weight:700; margin-bottom:.9rem; }
.sh-room-hero__title { font-family:var(--font-display,"Cinzel",serif); color:#fff;
  font-size:clamp(2rem,4.8vw,3.3rem); line-height:1.14; margin-bottom:1.2rem; }
.sh-room-hero__title span { display:block; }
.sh-room-hero__lead { color:rgba(255,255,255,.9); line-height:1.8; max-width:60ch; margin:0 0 1.9rem; }
.sh-room-hero__cta { display:flex; flex-wrap:wrap; gap:.8rem; }

.sh-room-specs { display:grid; gap:1px; background:rgba(11,27,51,.12);
  border:1px solid rgba(11,27,51,.12); margin:0; border-radius:3px; overflow:hidden; }
.sh-room-spec { background:#fff; padding:1.05rem 1.3rem; display:flex;
  justify-content:space-between; align-items:baseline; gap:1rem; }
.sh-room-spec dt { color:var(--text-soft,#6b7280); font-size:.78rem; text-transform:uppercase;
  letter-spacing:.11em; font-weight:700; margin:0; }
.sh-room-spec dd { margin:0; color:var(--primary-navy,#0B1B33); font-weight:600; text-align:right; }

.sh-room-who { margin-top:1.6rem; padding:1rem 1.2rem; background:var(--bg-cream,#FAF8F3);
  border-left:3px solid var(--gold-metallic,#C9A227); color:var(--text-soft,#4b5563);
  line-height:1.7; font-size:.94rem; }
.sh-room-who strong { color:var(--primary-navy,#0B1B33); }

.sh-room-amenities { list-style:none; margin:0; padding:0; display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:.85rem; max-width:940px; margin-inline:auto; }
.sh-room-amenities li { background:#fff; border:1px solid rgba(11,27,51,.09); border-radius:3px;
  padding:.9rem 1.1rem .9rem 2.5rem; position:relative; color:var(--text-soft,#4b5563); font-size:.93rem; }
.sh-room-amenities li::before { content:"✓"; position:absolute; left:1rem; top:.9rem;
  color:var(--gold-metallic,#C9A227); font-weight:700; }

.sh-room-alts { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:1.4rem; max-width:940px; margin-inline:auto; }
.sh-room-alt { text-decoration:none; border:1px solid rgba(11,27,51,.1); border-radius:3px;
  overflow:hidden; background:#fff; display:block; transition:transform .25s ease, box-shadow .25s ease; }
.sh-room-alt:hover { transform:translateY(-4px); box-shadow:0 16px 38px rgba(11,27,51,.12); }
.sh-room-alt img { width:100%; height:190px; object-fit:cover; display:block; }
.sh-room-alt__body { display:block; padding:1.1rem 1.25rem; }
.sh-room-alt__body strong { display:block; font-family:var(--font-display,"Cinzel",serif);
  color:var(--primary-navy,#0B1B33); margin-bottom:.3rem; }
.sh-room-alt__body small { color:var(--text-soft,#6b7280); }

.sh-room-closing { color:rgba(255,255,255,.82); max-width:56ch; margin:0 auto; line-height:1.8; }

@media (max-width:575.98px){
  .sh-room-hero{min-height:56vh}
  .sh-room-hero__cta .btn,.sh-about-cta .btn{width:100%}
  .sh-room-spec{flex-direction:column;gap:.2rem}
  .sh-room-spec dd{text-align:left}
}
@media (prefers-reduced-motion:reduce){ .sh-room-alt{transition:none} }

/* link from the index room tabs through to the full room page */
.sh-room-detail-link {
  display:inline-block; margin-top:.85rem; color:var(--gold-metallic,#C9A227);
  font-size:.8rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  text-decoration:none; border-bottom:1px solid transparent; transition:border-color .2s ease;
}
.sh-room-detail-link:hover { border-bottom-color:var(--gold-metallic,#C9A227); color:var(--gold-hover,#b8941f); }