/* ==========================================================================
   Heavens Resort — index.css
   Home-only: transparent header over hero carousel + floating booking bar.
   ========================================================================== */

/* main wrapper lets the top bar + navbar float over the hero */
.main{position:relative}
.main_1{z-index:20}
#top{background:rgba(16,26,35,.55)}
.main .navbar{background:transparent}

/* ---------- hero carousel ---------- */
.center_home .carousel-item{position:relative}
.center_home .carousel-item img{
  height:100vh;min-height:620px;max-height:900px;width:100%;object-fit:cover;
  filter:brightness(.68);
}
.center_home .carousel-caption{
  top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;right:auto;
  width:92%;max-width:820px;text-align:center;
}
.center_home .carousel-caption h1{font-size:64px;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.35)}
.center_home .carousel-caption p{color:#eef1f3;font-size:17px}
.carousel-indicators{bottom:120px}
.carousel-indicators [data-bs-target]{width:12px;height:12px;border-radius:50%;border:0;background:#fff;opacity:.5}
.carousel-indicators .active{background:var(--gold);opacity:1}
.carousel-control-prev,.carousel-control-next{width:6%;opacity:.85}

/* ---------- floating booking bar ---------- */
.main_3{bottom:-55px;z-index:15}
.book_1{border-radius:8px}
.book_1i .form-control,.book_1i .form-select{height:52px;font-weight:600}
.book_1i label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
#book_o{padding-top:0}

/* push the first content section below the floating bar */
#serv{padding-top:150px}

@media (max-width:991px){
  .center_home .carousel-item img{height:80vh;min-height:480px}
  .center_home .carousel-caption h1{font-size:40px}
  .main_3{position:static!important;margin-top:-30px}
  #serv{padding-top:70px}
  .carousel-indicators{bottom:20px}
}
@media (max-width:575px){
  .center_home .carousel-caption h1{font-size:30px}
  .book_1{padding:24px 16px!important}
}