/**
 * Rebrand overrides — loaded after style.css
 * Green + gold as separate colors (no mixed gradients on UI).
 */

body {
  font-family: var(--font-body) !important;
  color: var(--color-text) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}

.page-wrapper { background-color: var(--color-bg-page); }
.sec1 { background: var(--color-bg-surface); }
.sec2, .sec3 { background: var(--color-bg-muted); }

.section-title { color: var(--color-green); }
.section-title::after,
.section-title h2::after { background: var(--color-gold) !important; }

.navbar-light .navbar-nav .nav-link { color: var(--color-text); }
.navbar-light .navbar-nav .nav-item:hover a.nav-link { color: var(--color-gold-dark); }

.banner-col { color: var(--color-gold-dark); }
.color-imp { color: var(--color-green); }

#home .project-details { background-color: var(--color-bg-surface); box-shadow: var(--shadow-md); }
.desktop-summary { background-color: var(--color-bg-surface); box-shadow: var(--shadow-md); }

.custom-btn {
  background: var(--color-green) !important;
  border: none;
  border-radius: var(--radius-md);
  transition: background 0.25s ease, box-shadow 0.25s ease;
}

.custom-btn::before { display: none !important; }

.custom-btn:hover:not(.btn-gold) {
  background: var(--color-gold) !important;
  color: #000 !important;
  box-shadow: var(--shadow-md);
}

.custom-btn:hover:not(.btn-gold) .enquireNowBtn {
  background: transparent !important;
  color: #000 !important;
}

.enquireNowBtn {
  background: transparent !important;
  color: var(--color-text-inverse) !important;
}

.preRegisterBtn {
  background: var(--color-gold) !important;
  color: #000 !important;
  border: none;
  text-shadow: none;
  animation: none !important;
}

.preRegisterBtn:hover {
  background: var(--color-gold-dark) !important;
  color: #fff !important;
}

.sec-price .table {
  outline: 1px solid var(--color-gold) !important;
  border: none !important;
}

.sec-price .table thead th {
  background: var(--color-green) !important;
  color: var(--color-text-inverse) !important;
}

#highlights .overview-details {
  background: var(--color-green) !important;
  color: var(--color-text-inverse) !important;
}

#highlights .overview-details .icon { color: var(--color-green); }

.enquire-modal .modal-dialog .modal-content .modal-header {
  background: var(--color-green) !important;
  color: var(--color-text-inverse) !important;
}

.modal .modal-dialog form .forms-input-fields i { color: var(--color-green); }

.footer-enquiryBtn a:not(.whatsCall):not([href*="wa.me"]) {
  background: var(--color-green) !important;
  color: var(--color-text-inverse) !important;
}

.footer-enquiryBtn a:not(.whatsCall):not([href*="wa.me"]):hover {
  background: var(--color-green-light) !important;
}

.whatsaapBtn span {
  background: var(--color-whatsapp) !important;
  box-shadow: var(--shadow-sm);
}

.slide-submit,
.enquireNowBtn.deskwhtsap a,
#autoPopup .enquireNowBtn a {
  background: var(--color-whatsapp) !important;
}

.slide-submit button { color: var(--color-whatsapp-dark) !important; }

#exTab1 .nav-pills .nav-link.active {
  background: var(--color-green) !important;
  color: var(--color-text-inverse) !important;
}

#exTab1 .nav-pills .nav-link { color: var(--color-green); border-color: var(--color-green); }

#contact .full-width { background: var(--color-green) !important; }

form .form-check-input:checked {
  background-color: var(--color-green) !important;
  border-color: var(--color-green) !important;
}