/* ================================================================
   KUSH ERP SYSTEM — Brand Color Override
   Primary: #57917b  (Kush green — exact from system screenshots)
   Dark:    #00222a  (Kush dark header — exact from system)
   Gold:    #f0a500  (accent)
   Light:   #e8f3ef
   ================================================================ */

:root {
  --primary:       #57917b;
  --secondary:     #f0a500;
  --primary-hover: #3d7a62;
  --primary-dark:  #00222a;
  --gradient:      linear-gradient(to right, #57917b 0%, #3d7a62 100%);
  --gradient-sec:  linear-gradient(to right, #00222a 0%, #57917b 100%);
  --kush-light:    #e8f3ef;
  --bs-primary:    #57917b;
  --bs-secondary:  #f0a500;
}

/* ---- Buttons ---- */
.btn-primary  { background-color: #57917b !important; border-color: #57917b !important; }
.btn-primary:hover { background-color: #00222a !important; border-color: #00222a !important; }
.btn-secondary { background-color: #f0a500 !important; border-color: #f0a500 !important; }
.btn-secondary:hover { background-color: #d4920a !important; }
.btn-outline-primary { color: #57917b !important; border-color: #57917b !important; }
.btn-outline-primary:hover { background-color: #57917b !important; color: #fff !important; }

/* ---- Text colors ---- */
.text-primary   { color: #57917b !important; }
.text-secondary { color: #f0a500 !important; }
.bg-primary     { background-color: #57917b !important; }
.bg-secondary   { background-color: #f0a500 !important; }

/* ---- Template-specific overrides ---- */
.shadow-primary  { box-shadow: 0 8px 24px rgba(87,145,123,.35) !important; }
.shadow-secondary { box-shadow: 0 8px 24px rgba(240,165,0,.3) !important; }
.gradient        { background: linear-gradient(to right, #57917b 0%, #3d7a62 100%) !important; }
.gradient-sec    { background: linear-gradient(to right, #00222a 0%, #57917b 100%) !important; }
.bg-gradient     { background: linear-gradient(135deg,#57917b 0%,#3d7a62 100%) !important; }
.dz-separator.bg-primary, .dz-separator.bg-secondary { background: #f0a500 !important; }
.sub-title.text-secondary { color: #f0a500 !important; }

/* ---- Header ---- */
.site-header .btn-primary { background: #57917b !important; border-color: #57917b !important; }
.sticky-header.is-fixed .main-bar { border-bottom: 2px solid #57917b; }

/* ---- Hero banner ---- */
.banner-one .banner-content h1 span,
.banner-one h1 span { color: #57917b !important; }

/* ---- Icon boxes ---- */
.icon-bx-wraper.style-2 .icon-bx { background: linear-gradient(135deg,#57917b,#3d7a62); }
.icon-bx-wraper .icon-bx-sm.gradient-sec { background: linear-gradient(135deg,#00222a,#57917b) !important; }
.icon-bx-wraper .icon-bx-sm.bg-primary { background: #57917b !important; }

/* ---- Pricing ---- */
.pricingtable-title.bg-primary  { background: #57917b !important; }
.pricingtable-bx.text-primary   { color: #57917b !important; }
.pricingtable-title.bg-secondary { background: #f0a500 !important; }
.pricingtable-bx.text-secondary  { color: #f0a500 !important; }

/* ---- Progress bars ---- */
.progress-bar { background: linear-gradient(to right, #57917b, #3d7a62) !important; }

/* ---- Radial progress ---- */
.radial-progress .complete { stroke: #57917b !important; }
.radial-progress .basic-circle { stroke: rgba(87,145,123,.15) !important; }

/* ---- Accordion ---- */
.accordion-button:not(.collapsed) { color: #57917b !important; background: #e8f3ef !important; }
.dz-accordion .accordion-button::after { background-color: #57917b !important; }

/* ---- Tab nav ---- */
.nav-tabs.style-1 .nav-link.active { color: #57917b !important; border-bottom-color: #57917b !important; }

/* ---- Footer ---- */
footer.site-footer .footer-box { background: linear-gradient(135deg,#57917b,#00222a); }
footer.site-footer .text-primary { color: #57917b !important; }

/* ---- Scroll top ---- */
.scroltop { background: #57917b !important; border-color: #57917b !important; }
.scroltop:hover { background: #00222a !important; }

/* ---- Banner inner page ---- */
.dz-bnr-inr { background: linear-gradient(135deg, #00222a 0%, #57917b 100%) !important; }
.dz-bnr-inr h1 { color: #fff; }
.dz-bnr-inr .breadcrumb-item a { color: rgba(255,255,255,.7); }
.dz-bnr-inr .breadcrumb-item.active { color: #f0a500; }

/* ---- Map location dots ---- */
.location.gradient { background: #57917b !important; box-shadow: 0 0 0 8px rgba(87,145,123,.2); }

/* ---- Service slider data-name ---- */
.icon-bx-wraper[data-name]::before { color: rgba(87,145,123,.08) !important; }

/* ---- Stars yellow ---- */
.text-yellow { color: #f0a500 !important; }

/* ---- Subscribe box ---- */
.dz-subscribe .input-group-addon .btn-primary { background: #57917b !important; }

/* ================================================================
   KUSH FIX: Header nav active color — remove template pink/red
   ================================================================ */

/* The template uses --primary as active nav color which was red/pink.
   Now that --primary = #57917b (green), the active state is green ✓ */

/* Header nav link color — style-1 (home page) */
.site-header.style-1 .header-nav .nav > li > a {
  color: #00222a !important;
}
.site-header.style-1 .header-nav .nav > li.active > a,
.site-header.style-1 .header-nav .nav > li > a:hover {
  color: #57917b !important;
}

/* Style-1 main-bar background */
.site-header.style-1 .main-bar .container {
  background: #fff;
}

/* Style-2 is-fixed header — use Kush dark not purple */
.site-header.style-2 .is-fixed .main-bar {
  background: linear-gradient(135deg, #00222a 0%, #57917b 100%) !important;
}

/* Nav active state — replace any pink/red with Kush green */
.header-nav .nav > li.active > a,
.header-nav .nav > li > a:hover,
.header-nav .nav > li > a:focus {
  color: #57917b !important;
}
.header-nav .nav > li.active > a::before,
.header-nav .nav > li > a:hover::before {
  background-color: #57917b !important;
}

/* Sub-menu active */
.header-nav .nav > li .sub-menu li.active > a,
.header-nav .nav > li .sub-menu li > a:hover {
  color: #57917b !important;
}

/* Remove any leftover pink/red (#fe4c1c, #e5588d, #f00) from template */
.nav-link.active, .nav-link:hover { color: #57917b !important; }

/* Mobile menu active */
@media only screen and (max-width: 991px) {
  .header-nav .nav > li.active > a { color: #57917b !important; }
}

/* ================================================================
   KUSH FIX: CTA Section buttons — make "Book a Walkthrough" visible
   ================================================================ */
.dz-subscribe .btn-outline-white {
  border: 2px solid rgba(255,255,255,.75) !important;
  color: #fff !important;
  background: transparent !important;
  font-weight: 600 !important;
}
.dz-subscribe .btn-outline-white:hover {
  background: rgba(255,255,255,.15) !important;
  border-color: #fff !important;
}

/* ================================================================
   KUSH FIX: Partners section
   ================================================================ */
.kush-partners { padding: 60px 0; background: #fff; }
.kush-partner-logo {
  display: flex; align-items: center; justify-content: center;
  height: 80px; padding: 12px 20px;
  background: #f7faf8; border-radius: 12px;
  border: 1.5px solid #e0ebe6;
  transition: all .3s;
}
.kush-partner-logo:hover { border-color: #57917b; box-shadow: 0 4px 16px rgba(87,145,123,.15); }
.kush-partner-logo span {
  font-size: .92rem; font-weight: 700; color: #3d6b55; text-align: center; line-height: 1.3;
}

/* ================================================================
   KUSH FIX: Booking widget button
   ================================================================ */
.kush-booking-btn {
  display: inline-flex; align-items: center; gap: 10px;
  background: #57917b; color: #fff;
  padding: 14px 28px; border-radius: 50px;
  font-size: .95rem; font-weight: 600;
  text-decoration: none;
  transition: all .3s;
  border: none;
}
.kush-booking-btn:hover {
  background: #00222a; color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(87,145,123,.4);
}