/**
 * Green theme overrides - highest priority
 */

:root {
  --primary-color: #28a745;
  --primary-dark: #218838;
  --primary-light: #5cb85c;
}

/* Main color overrides */
.bg-primary,
header.bg-primary {
  background-color: #28a745 !important;
  background: linear-gradient(135deg, #28a745, #5cb85c) !important;
}

.navbar .nav-link.active,
.nav-link.active {
  color: #28a745 !important;
}

.navbar .nav-link:hover,
.nav-link:hover {
  color: #218838 !important;
}

.navbar .nav-link:after {
  background-color: #28a745 !important;
}

/* Button styling */
.btn-primary {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
  background-color: #218838 !important;
  border-color: #218838 !important;
}

.btn-outline-primary {
  color: #28a745 !important;
  border-color: #28a745 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  background-color: #28a745 !important;
  color: white !important;
  border-color: #28a745 !important;
}

/* Text coloring */
.text-primary,
h1, h2, h3, h4, h5, h6,
.card-title,
.site-title,
.section-title {
  color: #28a745 !important;
}

/* Links */
a {
  color: #28a745 !important;
}

a:hover {
  color: #218838 !important;
}

/* Section styling */
.section-divider {
  background-color: #28a745 !important;
}

/* Call to action section */
section.py-5.bg-primary {
  background: linear-gradient(45deg, #28a745, #5cb85c) !important;
}

/* Language selector */
.language-selector button.active {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}

/* Impact section */
.impact-icon i {
  color: #28a745 !important;
}

.impact-item:hover .impact-icon {
  background-color: #28a745 !important;
}

.impact-item h3 {
  color: #28a745 !important;
}

/* Testimonials */
.testimonial-quote {
  background-color: #28a745 !important;
}

.testimonial-info h5 {
  color: #28a745 !important;
}

/* Carousel controls */
.carousel-control-icon {
  background-color: #28a745 !important;
}

.carousel-indicators button {
  background-color: rgba(40, 167, 69, 0.3) !important;
}

.carousel-indicators button.active {
  background-color: #28a745 !important;
}

/* Newsletter */
.newsletter-icon {
  color: #28a745 !important;
  background-color: rgba(40, 167, 69, 0.1) !important;
}

/* Back to top button */
.back-to-top {
  background-color: #28a745 !important;
}

.back-to-top:hover {
  background-color: #218838 !important;
}