:root{
  --gold:#C9A24D;
  --navy:#0B0F1A;
  --soft:#10182a;
  --text:#E9EEF7;
}

body{font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#0a0f1d; color:var(--text);}
a{color:inherit; text-decoration:none;}
.section-pad{padding:80px 0;}

.btn-gold{background:var(--gold); border-color:var(--gold); color:#111;}
.btn-gold:hover{filter:brightness(.95);}

.navbar{backdrop-filter: blur(10px); background: rgba(11,15,26,.65); border-bottom:1px solid rgba(255,255,255,.06);}
.navbar .nav-link{color:rgba(233,238,247,.85);}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff;}

.navbar .btn-gold:hover{
  background-color: #c29a2e !important;
}




.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active,
.btn-gold.active,
.show > .btn-gold.dropdown-toggle{
  background-color:#c29a2e !important; /* hover gold */
  color:#000 !important;
  border-color:#c29a2e !important;
  box-shadow:none !important;
}

/* Prevent Bootstrap from making it transparent */
.btn-gold.btn:hover{
  background-color:#c29a2e !important;
}

.brand-logo{height:44px; width:auto;}

.hero{
  position:relative; min-height:82vh; display:flex; align-items:center;
  background:
    linear-gradient(120deg, rgba(11,15,26,.92), rgba(11,15,26,.55)),
    url("../img/hero.avif") center/cover no-repeat;
}
.hero-badge{display:inline-flex; gap:10px; align-items:center; padding:10px 14px; border:1px solid rgba(255,255,255,.10); border-radius:999px; background:rgba(255,255,255,.06);}
.hero h1{font-weight:800; letter-spacing:.2px;}
.hero .lead{color:rgba(233,238,247,.85);}

.card-dark{
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  box-shadow: 0 20px 50px rgba(0,0,0,.25);
}
.card-dark:hover{border-color:rgba(201,162,77,.35); transform: translateY(-2px); transition:.2s ease;}

.room-img{border-top-left-radius:18px; border-top-right-radius:18px; height:220px; object-fit:cover; width:100%;}
.price{color:var(--gold); font-weight:700;}
.muted{color:rgba(233,238,247,.70);}

.icon-pill{
  display:flex; gap:10px; align-items:flex-start; padding:16px;
  border-radius:16px; border:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}

.gallery-img{
  width:100%; height:220px; object-fit:cover; border-radius:16px;
  border:1px solid rgba(255,255,255,.08);
  cursor:pointer;
}
.gallery-img:hover{border-color:rgba(201,162,77,.35);}

.footer{
  padding:40px 0; border-top:1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
}

.form-control, .form-select{
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  color:var(--text);
}
.form-control:focus, .form-select:focus{
  border-color: rgba(201,162,77,.55);
  box-shadow:none;
}
.form-control::placeholder{color: rgba(233,238,247,.55);}

.badge-soft{
  background: rgba(201,162,77,.12);
  border:1px solid rgba(201,162,77,.25);
  color: var(--gold);
}

.page-hero{
  padding:120px 0 60px 0;
  background: radial-gradient(900px 300px at 10% 10%, rgba(201,162,77,.18), transparent),
              radial-gradient(900px 300px at 90% 10%, rgba(255,255,255,.06), transparent);
}

.footer-social{
  display: flex;
  gap: 14px;
  justify-content: center;
}

@media (min-width: 992px){
  .footer-social{
    justify-content: flex-start;
  }
}

.footer-social a{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  color: #C9A24D; /* Gold */
  font-size: 16px;
  transition: all 0.25s ease;
}

.footer-social a:hover{
  background: #C9A24D;
  color: #0B0F1A;
  transform: translateY(-3px);
}
.form-select,
.form-control{
  background-color: #0B0F1A;   /* dark bg */
  color: #ffffff;
  border-color: #C9A24D;       /* gold */
}

/* Focus state */
.form-select:focus,
.form-control:focus{
  background-color: #0B0F1A !important;
  color: #ffffff !important;
  border-color: #C9A24D;
  box-shadow: 0 0 0 .15rem rgba(201,162,77,.35);
}

.form-select option{
  background-color: #0B0F1A;
  color: #ffffff;
}