/*
  wanda-overrides.css
  Applies Wanda brand colours by overriding the template's CSS variables
  and a minimal set of targeted selectors.
  Does NOT fight the template's layout, spacing, or typography.
  Brand Guide: Green #006039 | Gold #E6B005 | Montserrat body | Georgia headings
*/

/* ── Import Montserrat ── */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

/* ── Override template CSS custom properties ── */
:root {
  --Primary:          #006039;
  --Secondary:        #E6B005;
  --color-1:          #006039;   /* primary buttons */
  --color-2:          #E6B005;   /* accent */
  --Primary-Surface:  #f0f7f4;   /* light green bg */
}

/* ── Typography ── */
body,
input, textarea, select, button,
.body-1, .body-2,
p, span, li, td, th, label {
  font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.title-large, .title {
  font-family: Georgia, 'Times New Roman', serif !important;
}

/* ── Logo ── */
.logo a img,
.nav-logo img {
  content: url('/assets/images/logo/logo-color.png');
  max-height: 56px;
  width: auto;
}

/* ── Header gold bottom border ── */
.main-header.header-fixed,
.main-header.fixed-header {
  border-bottom: 3px solid #E6B005;
}

/* ── Primary buttons ── */
.tf-btn.primary,
a.tf-btn.primary,
button.tf-btn.primary,
.btn-search.primary,
.tf-btn.btn-search.primary {
  background-color: #006039 !important;
  border-color:     #006039 !important;
  color: #fff !important;
}
.tf-btn.primary:hover,
a.tf-btn.primary:hover {
  background-color: #004d2e !important;
  border-color:     #004d2e !important;
  color: #E6B005 !important;
}

/* View-all button outline variant */
.tf-btn.btn-view.primary {
  background-color: #006039 !important;
  border-color:     #006039 !important;
  color: #fff !important;
}
.tf-btn.btn-view.primary:hover {
  background-color: #E6B005 !important;
  border-color:     #E6B005 !important;
  color: #006039 !important;
}

/* ── Text primary (section labels) ── */
.text-primary,
.text-subtitle.text-primary {
  color: #E6B005 !important;   /* Gold for the small uppercase labels */
}

/* ── Property card price ── */
.price, h6.price {
  color: #006039 !important;
}

/* ── Property flag tags ── */
.flag-tag.primary { background: #006039; color: #fff; }
.flag-tag.style-1 { background: #E6B005; color: #006039; }

/* ── Active nav tab (search tabs) ── */
.nav-tab-form .nav-link-item.active,
.nav-tab-recommended .nav-link-item.active {
  background: #006039 !important;
  color: #fff !important;
  border-color: #006039 !important;
}

/* ── Benefit / Why-us icons ── */
.box-benefit .icon-box { color: #E6B005; }
.box-benefit .icon-box span { color: #E6B005 !important; }

/* ── Service section links ── */
.box-service .tf-btn.btn-line { color: #006039; }
.box-service .tf-btn.btn-line::after { background: #006039; }

/* ── Footer background ── */
.footer,
footer.footer { background: #006039 !important; }
.footer .text-subtitle.text-primary { color: #E6B005 !important; }
.footer h4, .footer h5, .footer .title { color: #E6B005 !important; }
.footer a:not(.tf-btn):hover { color: #E6B005 !important; }

/* ── Range slider ── */
.ui-slider-horizontal .ui-slider-range { background: #E6B005 !important; }
.ui-slider-horizontal .ui-slider-handle { background: #006039 !important; border-color: #006039 !important; }

/* ── Checkbox --*/
.tf-checkbox.style-1:checked { background-color: #006039 !important; border-color: #006039 !important; }

/* ── Go-top progress ring ── */
.progress-wrap svg.progress-circle path { stroke: #006039; }
.progress-wrap::after { color: #006039; }

/* ── Swiper pagination dots ── */
.swiper-pagination-bullet-active { background: #006039 !important; }

/* ── Testimonial star ── */
.list-star .icon-star { color: #E6B005; }

/* ── Admin sidebar (dashboard pages) ── */
.sidebar-menu-dashboard { background: #006039 !important; }
.sidebar-menu-dashboard .nav-menu-item.active .nav-menu-link,
.sidebar-menu-dashboard .nav-menu-link:hover {
  background: rgba(230,176,5,.18) !important;
  color: #E6B005 !important;
}

/* ── WhatsApp float ── */
.whatsapp-float:hover { background: #1da851 !important; }

/* ── AI chat widget colours ── */
#ai-chat-toggle { background: #006039 !important; }
.ai-chat-header { background: #006039 !important; border-bottom: 2px solid #E6B005 !important; }
.ai-msg.user { background: #006039 !important; }
.ai-chat-input button { background: #006039 !important; }
.ai-chat-input button:hover { background: #E6B005 !important; color: #006039 !important; }
.ai-chat-input input:focus { border-color: #006039 !important; }

/* Selection highlight */
::selection { background: #E6B005; color: #006039; }