/* =============================================
   AgroGreen International — Brand Theme
   Primary  : #5BA44B  (medium green)
   Dark     : #2E6B30  (dark green)
   Light    : #7DC55E  (light green)
   Dark BG  : #0F2211  (footer / dark sections)
   Pale BG  : #F2FAF0  (light sections)
   ============================================= */

/* ── 1. LOGO — remove black-background box ── */
.header-logo-img {
  mix-blend-mode: screen;   /* makes black transparent over dark hero */
  max-height: 72px !important;
  height: 72px !important;
  width: auto !important;
}
/* When header becomes white/sticky: dark-green container makes logo readable */
.header-three.five.sticky .logo-area {
  background: #1C3A1E;
  border-radius: 8px;
  padding: 4px 10px;
}
.header-three.five.sticky .header-logo-img {
  mix-blend-mode: normal;
  max-height: 60px !important;
  height: 60px !important;
}

.footer-logo-img {
  mix-blend-mode: screen;   /* black bg disappears on dark footer */
  max-height: 80px !important;
  height: auto !important;
  max-width: 180px !important;
  width: auto !important;
}

/* ── 2. HEADER navigation ── */
.header-three.five.sticky {
  background: #fff !important;
  box-shadow: 0 2px 20px rgba(43,107,48,0.10) !important;
}
/* Sticky nav link colours */
.header-three.five.sticky .header-right .nav-area-center nav ul.parent-ul > li > a {
  color: #1C3A1E !important;
}
.header-three.five.sticky .header-right .nav-area-center nav ul.parent-ul > li > a:hover,
.header-three.five.sticky .header-right .nav-area-center nav ul.parent-ul > li.active > a {
  color: #5BA44B !important;
}
/* Non-sticky (over dark hero) nav already white via nav-color-white — keep it */

/* Hover underline accent */
.parent-ul > li::after { background: #5BA44B !important; }

/* ── 3. DROPDOWN SUBMENU ── */
/* Keep dropdown background white, text dark */
.has-dropdown .submenu {
  background: #fff !important;
}
.has-dropdown .submenu li.lim a.sdm-main {
  color: #1C3A1E !important;
}
/* Hover & active: green bg, WHITE text — original behaviour preserved */
.has-dropdown .submenu li.lim:hover a.sdm-main {
  background: #5BA44B !important;
  color: #fff !important;
}
.has-dropdown .submenu li.lim.active a.sdm-main {
  background: #5BA44B !important;
  color: #fff !important;
}
/* Active nav parent label */
.has-dropdown.active > a.nav-link,
.has-dropdown.active > a {
  color: #5BA44B !important;
}

/* ── 4. BUTTONS ── */
/* var(--color-primary) already handles most button colours.
   Only override what's hardcoded to old dark-grey values. */
.rts-read-more-circle-btn {
  color: #1C3A1E;
}
.rts-read-more-circle-btn i {
  border-color: #1C3A1E;
  color: #1C3A1E;
}
/* Service-list buttons use var() — no override needed.
   About page "Contact Us" button: */
.short-contact-about-seven .rts-read-more-circle-btn,
.short-contact-about-seven .rts-read-more-circle-btn i {
  border-color: #5BA44B;
  color: #5BA44B;
}
.rts-btn.btn-primary {
  background: #5BA44B !important;
  border-color: #5BA44B !important;
  color: #fff !important;
}
.rts-btn.btn-primary:hover {
  background: #2E6B30 !important;
  border-color: #2E6B30 !important;
}

/* ── 5. BREADCRUMB ── */
.breadcrumb-area-bg {
  background: #1C3A1E !important;
}
.breadcrumb-area-bg .bread-crumb-area-inner .breadcrumb-top a { color: #C8E6C2; }
.breadcrumb-area-bg .bread-crumb-area-inner .breadcrumb-top a.active { color: #7DC55E; }
.breadcrumb-area-bg .bread-crumb-area-inner .bottom-title .title { color: #fff; }

/* ── 6. SECTION PRE-TITLES & LABELS ── */
.pre-title {
  color: #5BA44B !important;
  background: rgba(91,164,75,0.12) !important;
  border-radius: 4px;
  display: inline-block;
  padding: 2px 10px;
}
span.pre {
  color: #5BA44B !important;
}
.title-area-style-six-left span.pre,
.itle-left-style-seven-wrapper span.pre {
  color: #5BA44B !important;
}

/* ── 7. SECTION HEADINGS & TEXT ── */
.title,
h1.title, h2.title, h3.title, h4.title, h5.title {
  color: #1C3A1E;
}
p.disc { color: #4A6B4E; }

/* ── 8. COUNTER NUMBERS ── */
.counter-main-wrapper-two .counter-single .inner h2.title,
.rts-counterup-area-start .counter-single .inner h2.title {
  color: #5BA44B;
}
.rts-counterup-area-start {
  background: #F2FAF0;
}

/* ── 9. WORKING PROCESS ── */
.single-working-prcess-one.active,
.single-working-prcess-one:hover {
  border-color: #5BA44B !important;
}
.single-working-prcess-one .inner span {
  color: #5BA44B;
}

/* ── 10. PRODUCT DETAIL PAGES ── */
.team-about-right-araea .pre-title {
  background: rgba(91,164,75,0.12) !important;
  color: #5BA44B !important;
}
.team-details-social-area .follow {
  color: #5BA44B;
  font-weight: 600;
}
.professional-team-single-skill h3.title {
  color: #1C3A1E;
  border-bottom: 2px solid rgba(91,164,75,0.25);
  padding-bottom: 8px;
}

/* ── 11. PORTFOLIO / CATEGORY GRID ── */
.portfolio-grid-col-2-single .inner-text a h5.title { color: #1C3A1E; }
.portfolio-grid-col-2-single:hover .inner-text a h5.title { color: #5BA44B; }

/* ── 12. FAQ / ACCORDION ── */
.accordion-button { color: #1C3A1E !important; }
.accordion-button:not(.collapsed) {
  background: rgba(91,164,75,0.08) !important;
  color: #2E6B30 !important;
  box-shadow: none !important;
}
.accordion-item { border-color: rgba(91,164,75,0.2) !important; }

/* ── 13. LIGHT BACKGROUND SECTIONS ── */
.bg-light-1,
.bg-light { background: #F2FAF0 !important; }

/* ── 14. FOOTER ── */
.bg-dark-footer { background: #0F2211 !important; }
.bg-dark-footer .footer-two-main-wrapper-right .single-footer-wized .title { color: #7DC55E !important; }
.bg-dark-footer .footer-two-main-wrapper-right .single-footer-wized ul li a { color: #C8E6C2; }
.bg-dark-footer .footer-two-main-wrapper-right .single-footer-wized ul li a:hover { color: #7DC55E !important; }
.bg-dark-footer .footer-two-main-wrapper-right .single-footer-wized .location span,
.bg-dark-footer .footer-two-main-wrapper-right .single-footer-wized .location p { color: #C8E6C2; }
.bg-dark-footer .footer-two-main-wrapper-right .single-footer-wized .contact-call a { color: #7DC55E; }
.bg-dark-footer .footer-two-main-wrapper-right .single-footer-wized .contact-call span { color: #C8E6C2; }
.bg-dark-footer .social-style-two-wrapper li a {
  border-color: #2E6B30 !important;
  color: #7DC55E !important;
}
.bg-dark-footer .social-style-two-wrapper li a:hover {
  background: #5BA44B !important;
  border-color: #5BA44B !important;
  color: #fff !important;
}
.rts-copyright-area-two {
  border-top: 1px solid rgba(91,164,75,0.2) !important;
  background: #0A1A0B !important;
}
.rts-copyright-area-two .disc { color: #9DC49A !important; }

/* ── 15. SIDEBAR / MOBILE MENU ── */
#side-bar { background: #0F2211 !important; }
#side-bar .inner-content .disc { color: #C8E6C2; }
#side-bar .inner-content h6.title { color: #7DC55E; }
#side-bar .inner-content .single-info a { color: #C8E6C2; }
#side-bar .mobile-menu-main .mainmenu li a.main { color: #C8E6C2 !important; }
#side-bar .mobile-menu-main .mainmenu li a.main:hover { color: #7DC55E !important; }
#side-bar .mobile-menu-main .mainmenu li .submenu li a { color: #C8E6C2 !important; }
#side-bar .mobile-menu-main .mainmenu li .submenu li a:hover { color: #7DC55E !important; }
.close-icon-menu { color: #7DC55E !important; }

/* ── 16. PROGRESS / BACK-TO-TOP ── */
.progress-wrap svg.progress-circle path { stroke: #5BA44B !important; }

/* ── 17. GOOGLE TRANSLATE — hide "Powered by" clutter ── */
.goog-logo-link,
.goog-te-banner-frame,
.goog-te-gadget > span { display: none !important; }

/* ── 18. SELECTION ── */
::selection { background: #5BA44B; color: #fff; }
::-moz-selection { background: #5BA44B; color: #fff; }

/* ── 19. GRID DECORATIVE LINES ── */
.grid-lines .line { background: rgba(91,164,75,0.06) !important; }