/* Hotel Katra Retreat — Black / White / Gold Premium Theme */
:root{--lux-black:#0b0b0b;--lux-gold:#c9a227;--lux-gold2:#e2c45e;--lux-white:#fff;--lux-ivory:#fbfaf7}
body{background:var(--lux-ivory);color:#161616}
.topbar{background:#0b0b0b!important;color:#fff!important;border-bottom:1px solid rgba(201,162,39,.35)}
.topbar a{color:var(--lux-gold2)!important}
header{background:rgba(255,255,255,.98)!important;border-bottom:1px solid rgba(201,162,39,.25)!important;box-shadow:0 6px 25px rgba(0,0,0,.06)}
.brand b{color:#0b0b0b!important}.brand small{color:#777!important}.mark{background:#0b0b0b!important;color:#e2c45e!important;border:1px solid #c9a227!important}
.navlinks a{color:#171717}.navlinks a:hover{color:#a47d32}
.menu{color:#0b0b0b!important}
.btn.gold,.gold,.button,.btn-primary{background:#c9a227!important;color:#0b0b0b!important;border-color:#c9a227!important}
.btn.dark{background:#0b0b0b!important;color:#fff!important;border-color:#0b0b0b!important}
.btn.light{background:#fff!important;color:#0b0b0b!important;border-color:#c9a227!important}
.hero{background:linear-gradient(105deg,rgba(0,0,0,.78),rgba(0,0,0,.38)),url('../images/katra-retreat-exterior-day.jpeg') center/cover!important}
.hero h1,.hero h2{color:#fff!important}.hero .eyebrow{color:#e2c45e!important}.hero p{color:#f4f4f4!important}
.section h2,.card h3,.crumb h1{color:#0b0b0b!important}.section.alt{background:#f6f3eb!important}
.card{background:#fff!important;border-color:rgba(201,162,39,.28)!important;box-shadow:0 12px 35px rgba(0,0,0,.06)!important}
.price{color:#0b0b0b!important}.price small{font-family:inherit;font-size:13px;color:#777;font-weight:500}
.banner{background:#0b0b0b!important;border:1px solid rgba(201,162,39,.3)}
footer{background:#0b0b0b!important;color:#ddd!important}footer h3{color:#fff!important}footer a{color:#d8d8d8!important}footer a:hover{color:#e2c45e!important}
.copy{border-top-color:rgba(201,162,39,.25)!important}
.sticky{background:#fff!important;border:1px solid rgba(201,162,39,.4)!important}
.sticky .call{background:#0b0b0b!important;color:#fff!important}.sticky .book{background:#c9a227!important;color:#0b0b0b!important}
.sticky-booking{background:rgba(11,11,11,.97)!important}.sticky-booking .call{background:#fff!important;color:#0b0b0b!important}.sticky-booking .wa{background:#25d366!important;color:#fff!important}.sticky-booking .book{background:#c9a227!important;color:#0b0b0b!important}
.gallery figure{border:1px solid rgba(201,162,39,.2)}
.rating{color:#e2c45e!important}
.notice{border-left-color:#c9a227!important}
@media(max-width:600px){.hero{min-height:650px!important}.hero .content{padding:70px 0 110px!important}.hero h1{font-size:44px!important;line-height:1.04!important}}

/* FINAL MOBILE / HERO POLISH — Hotel Katra Retreat */
.hero{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 48%,rgba(0,0,0,.38) 100%),
    url('https://upload.wikimedia.org/wikipedia/commons/2/21/Vaishno_devi_temple.jpg') !important;
  background-position:center center !important;
  background-size:cover !important;
  min-height:640px !important;
}
.hero .content{max-width:760px !important;position:relative;z-index:2}
.hero h1{font-size:clamp(42px,6.2vw,72px)!important;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.hero p{font-size:18px!important;line-height:1.7!important;text-shadow:0 1px 8px rgba(0,0,0,.22)}

/* Mobile menu must be dark and readable */
@media(max-width:900px){
  .navlinks.open{
    top:76px!important;
    background:#0b0b0b!important;
    border-bottom:1px solid #c9a227!important;
    box-shadow:0 18px 35px rgba(0,0,0,.35)!important;
    padding:18px 22px 24px!important;
    z-index:100!important;
  }
  .navlinks.open a{color:#fff!important;width:100%;padding:9px 0!important;border-bottom:1px solid rgba(201,162,39,.16)}
  .navlinks.open a:hover{color:#e2c45e!important}
  .navlinks.open .btn.gold{color:#0b0b0b!important;background:#c9a227!important;border-bottom:0!important;text-align:center}
  .menu{font-size:30px!important;font-weight:700!important}
}

/* Always-visible bottom conversion bar */
.sticky-booking{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;
  display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:10px!important;
  padding:10px max(12px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right))!important;
  background:rgba(11,11,11,.98)!important;border-top:1px solid rgba(201,162,39,.55)!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.28)!important;
}
.sticky-booking a{
  min-height:54px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  font-weight:800!important;font-size:15px!important;text-align:center!important;padding:10px 8px!important;
}
.sticky-booking .call{background:#fff!important;color:#0b0b0b!important}
.sticky-booking .wa{background:#25d366!important;color:#fff!important}
.sticky-booking .book{background:#c9a227!important;color:#0b0b0b!important}

@media(max-width:600px){
  body{padding-bottom:76px}
  .hero{min-height:720px!important;background-position:center center!important}
  .hero .content{padding:78px 0 125px!important}
  .hero h1{font-size:45px!important;line-height:1.02!important;margin-top:14px!important}
  .hero p{font-size:16px!important;line-height:1.65!important}
  .actions .btn{min-height:52px!important;padding:13px 18px!important;font-size:13px!important}
  .rating{font-size:14px!important;flex-wrap:wrap!important}
  .sticky-booking a{font-size:14px!important;min-height:52px!important}
}

.hero-credit{font-size:10px!important;color:rgba(255,255,255,.58)!important;margin-top:16px!important}