/*
  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
*/

/*
  Bookman Old Style is a system font (Windows/macOS) — no CDN available.
  We define it via @font-face with the system font name, then fall back
  gracefully to URW Bookman (Linux), Book Antiqua, Palatino, and Georgia.
  Montserrat (Google Fonts) is used as the body/UI sans-serif.
*/
@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');

/* ── Bookman font stack ── */
:root {
  --font-bookman: 'Bookman Old Style', 'Bookman', 'URW Bookman L',
                  'Book Antiqua', 'Palatino Linotype', 'Palatino',
                  Georgia, 'Times New Roman', serif;
  --font-body:    'Bookman Old Style', 'Bookman', 'URW Bookman L',
                  'Book Antiqua', 'Palatino Linotype', 'Palatino',
                  Georgia, 'Times New Roman', serif;

  /* ── Brand colours ── */
  --Primary:          #006039;
  --Secondary:        #E6B005;
  --color-1:          #006039;
  --color-2:          #E6B005;
  --Primary-Surface:  #f0f7f4;
}

/* ── Body / UI — Montserrat ── */
body,
input, textarea, select, button,
.body-1, .body-2, .body-3,
p, span, li, td, th, label,
.caption-1, .caption-2,
.text-variant-1, .text-variant-2,
nav, .navigation, .nav-tab-item,
.meta-list, .flag-tag, .archive-bottom,
.form-control, .nice-select {
  font-family: var(--font-body) !important;
}

/* ── Headings, titles, hero text — Bookman Old Style ── */
h1, h2, h3, h4, h5, h6,
.title, .title-large,
.heading h1, .slider-content h1,
.box-title h3, .box-title h2,
.archive-bottom h6, .archive-bottom h5,
.homelengo-box h6, .homelengo-box h5,
.box-agent h5, .box-service h5,
.box-tes-item h6, .price,
.flat-title-page h1, .flat-title-page h2,
.flat-title-page h3,
.breadcrumb-content h1,
.breadcrumb-content h2,
.content-top h6, .content-top h5,
.page-title h1, .page-title h2,
.fw-7, .fw-8,
.animationtext, .tf-text {
  font-family: var(--font-bookman) !important;
}

/* ── Logo alt text fallback ── */
.logo a, .nav-logo a {
  font-family: var(--font-bookman) !important;
}

/* ── Admin panel — Bookman for headings, Montserrat for UI ── */
.wa-page-header h1,
.wanda-card-header h2,
.admin-card-header h2 {
  font-family: var(--font-bookman) !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; }
.animationtext.slide span {
    display: inline-block;
    padding: 0;
    width: 100%;
    font-size: 50px;
    text-align: center;
}
.subtitle.text-white.body-2.wow.fadeInUp {
    padding: 0 12px;
}
/*.wow.fadeInUp {*/
/*    padding: 0 12px;*/
/*    font-size: 22px;*/
/*    width: 76%;*/
/*    text-align: center;*/
/*    margin: auto;*/
/*}*/
@media only screen and (max-width: 991px) {
    .title-large {
        font-size: 15px !important;
        line-height: 1;
        width: 100%;
    }
    .animationtext.slide span {
      font-size: 27px;
    }
  .wow.fadeInUp {
    font-size: 16px;
  }
}
.service-body h2 {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    color: inherit;
}
 
.service-body h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    color: inherit;
}
 
.service-body p {
    /*margin-bottom: 1rem;*/
    /*line-height: 1.75;*/
}
 
.service-body strong {
    font-weight: 600;
}
 
.service-body em {
    font-style: italic;
}
 
.service-body u {
    text-decoration: underline;
}
 
.service-body ul,
.service-body ol {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
 
.service-body ul {
    list-style: disc;
}
 
.service-body ol {
    list-style: decimal;
}

.main-header .main-menu .navigation > li > ul > li > a {
    text-transform: none !important;
}
 
/*.service-body li {*/
/*    margin-bottom: 0.4rem;*/
/*    line-height: 1.7;*/
/*}*/
 
.service-body blockquote {
    border-left: 3px solid var(--primary, #006039);
    padding-left: 1rem;
    margin: 1.25rem 0;
    font-style: italic;
    color: inherit;
    opacity: 0.85;
}
 
.service-body a {
    color: var(--primary, #006039);
    text-decoration: underline;
    text-underline-offset: 2px;
}
 
.service-body a:hover {
    opacity: 0.8;
}
@media only screen and (min-width: 1801px) {
    .flat-img-with-text .content-right {
        padding-right: 295px;
        padding-top: 0;
        padding-bottom: 10px;
        padding-left: 95px;
    }
}
.flat-img-with-text .content-left img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.flat-slider.home-1 .slider-content {
    position: relative;
    z-index: 1;
    padding: 68px 0px 50px;
}
@media only screen and (min-width: 1200px) {
    .flat-slider.home-1 .slider-content .heading {
        margin-bottom: 150px;
    }
}