:root{
  --gold:#D4AF37;
  --gold-dark:#b88916;
}

/* Site box */
.site-box{
  max-width:1320px;
  width:96%;
  margin:18px auto;
  background: linear-gradient(135deg, #b0b0b0 0%, #e0e0e0 100%);
  border:1px solid var(--gold);
  border-radius:10px;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
  overflow:hidden;
}

/* Topbar: gold bg, black text, single row with scroll on small screens */
.topbar{
  background: var(--gold);
  border-bottom:1px solid var(--gold);
  color:#111;
}
.topbar .topbar-line{
  padding:8px 0;
  display:flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  overflow-x:auto;
  scrollbar-width:none;
}
.topbar .topbar-line::-webkit-scrollbar{ display:none; }
.topbar .topbar-line .sep{ color:#111; }
.topbar .topbar-line a{
  color:#111;
  text-decoration:none;
  border-bottom:1px dotted rgba(0,0,0,.35);
}

/* Metallic Navbar */
.navbar-metallic{
  background: linear-gradient(90deg, rgba(176,176,176,0.88) 0%, rgba(224,224,224,0.88) 100%);
  border-bottom:1px solid var(--gold);
}
/* Navbar links: gold default, black on hover/active */
.navbar-metallic .nav-link{
  color: var(--gold) !important;
  font-weight:700;
  border-radius:6px;
}
.navbar-metallic .nav-link:hover,
.navbar-metallic .nav-item.active .nav-link{
  color:#000 !important;
  background:rgba(212,175,55,.18);
}

/* Hero */
.hero{
  min-height:56vh;
  background:url('../img/hero.jpg') center/cover no-repeat;
  position:relative;
}
.hero .overlay{ position:absolute; inset:0; background:linear-gradient(135deg, rgba(212,175,55,.25), rgba(0,0,0,.45)); }
.hero-logo{ filter: drop-shadow(0 2px 8px rgba(0,0,0,.35)); }

/* Cards */
.service-card{ border:2px solid var(--gold); border-radius:0; }

/* Footer departments block (wraps nicely) */
.footer-depts{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 14px;
  text-align:center;
}
.footer-depts a{
  color:#e9e9e9;
  text-decoration:none;
  border-bottom:1px dotted rgba(255,255,255,.3);
  white-space:nowrap;
}
.footer-depts a:hover{ color:var(--gold); border-bottom-color:var(--gold); }
@media (max-width:520px){
  .footer-depts a{ white-space:normal; }
}

/* Floating WhatsApp + Back to top */
.floating-whatsapp{
  position:fixed; right:22px; bottom:94px; width:52px; height:52px; border-radius:50%;
  background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px rgba(0,0,0,.25); font-size:26px; z-index:2001;
}
.floating-whatsapp:hover{ color:#fff; background:#1ebe5b; }
.back-to-top{
  position:fixed; right:22px; bottom:28px; width:52px; height:52px; border-radius:50%;
  display:none; align-items:center; justify-content:center; box-shadow:0 10px 24px rgba(0,0,0,.25);
}

/* Honeypot hidden */
.hp{ position:absolute; left:-5000px; opacity:0; height:0; width:0; pointer-events:none; }

/* Gold headings default */
h1,h2,h3,h4,h5,h6{ color:var(--gold-dark); }

/* Bootstrap primary overridden to gold (buttons etc.) */
.btn-primary{
  color:#111;
  background-color:var(--gold);
  border-color:var(--gold);
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
  color:#111;
  background-color:var(--gold-dark);
  border-color:var(--gold-dark);
}
.text-primary{ color:var(--gold)!important; }

/* Services heading colors per request:
   - "Our Practice" (h6.text-primary) -> black
   - Paragraph "We offer expert legal services..." (p.text-primary) -> black */
#services h6.text-primary { color:#000 !important; }
#services p.text-primary { color:#000 !important; }