/* style.css - BTShairCenter starter styles */
:root{
  --bg-dark:#050505;
  --gold:#c8a24b;
  --platinum:#cfcfcf;
  --card-shadow: 0 8px 30px rgba(2,2,2,0.35);
  --radius:12px;
  font-family: 'Poppins', sans-serif;
}
html,body{height:100%;}
body{
  background: #fff;
  color:#222;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Navbar */
.navbar{
  background: rgba(0,0,0,0.65);
  backdrop-filter: blur(6px);
  transition: background .3s;
}
.navbar .navbar-brand{font-weight:700;}
.navbar .gold{color:var(--gold);}

/* Preloader */
#preloader{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#000;
  color:#fff;
}
.loader-wrap{text-align:center;}
.loader-logo{font-size:22px; font-weight:700; margin-bottom:14px; color:var(--gold);}
.loader-circle{
  width:72px;height:72px;border-radius:50%;
  border:4px solid rgba(200,162,75,0.18);
  border-top-color:var(--gold);
  animation:spin 1s linear infinite;
  margin:0 auto 12px;
}
@keyframes spin{to{transform:rotate(360deg);}}

/* Hero */
.hero{
  height:90vh;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  background-image: url('../img/hero-sample.jpg');
  background-size:cover;
  background-position:center;
}
.hero-overlay{
  position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.55));
}
.hero .btn-gold{
  background:var(--gold);
  color:#000;
  border-radius:50px;
  padding:12px 26px;
  font-weight:600;
}
.hero h1{font-weight:700; letter-spacing:0.6px;}

/* Services */
.service-card{border-radius:var(--radius); overflow:hidden; box-shadow:var(--card-shadow); transition:transform .35s, box-shadow .35s;}
.service-card img{height:220px; object-fit:cover;}
.service-card:hover{transform:translateY(-8px);}

/* Footer */
footer{background:var(--bg-dark);}

/* Misc */
img.rounded{border-radius:12px;}
.contact-form .form-control{border-radius:8px;}
.social{color:var(--platinum); margin:0 8px; font-size:18px;}

/* Responsive tweaks */
@media (max-width:767px){
  .hero{height:70vh; padding-top:70px;}
  .loader-circle{width:56px;height:56px;}
}
/* WhatsApp Floating Button */
.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 25px;
  right: 25px;
  background-color: #25D366;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 30px;
  box-shadow: 0 3px 12px rgba(0,0,0,0.3);
  z-index: 999;
  transition: transform 0.3s;
}
.whatsapp-float i {
  margin-top: 14px;
}
.whatsapp-float:hover {
  transform: scale(1.1);
  background-color: #20b856;
}