/**
* Yari Karkara Movement Theme
* Custom color scheme: Green (Growth, Prosperity, Grassroots) and Gold (Hope, Community)
*/

/* Override Global Colors with Yari Movement Brand Colors */
:root {
  --background-color: #ffffff;
  --default-color: #2d3436; /* Slightly softer dark gray for text */
  --heading-color: #1B5E20; /* Deep Green - Primary brand color */
  --accent-color: #2E7D32; /* Medium Green - For buttons and links */
  --surface-color: #ffffff;
  --contrast-color: #ffffff;
  --secondary-color: #F9A825; /* Gold/Amber - Secondary brand color */
}

/* Nav Menu Colors - Updated for green theme */
:root {
  --nav-color: rgba(255, 255, 255, 0.85);
  --nav-hover-color: #F9A825; /* Gold hover */
  --nav-mobile-background-color: #ffffff;
  --nav-dropdown-background-color: #ffffff;
  --nav-dropdown-color: #2d3436;
  --nav-dropdown-hover-color: #2E7D32; /* Green hover for dropdowns */
}

/* Dark Background Override - Deeper green tones */
.dark-background {
  --background-color: #1B5E20; /* Deep green background */
  --default-color: #ffffff;
  --heading-color: #F9A825; /* Gold headings on dark green */
  --surface-color: #2E7D32;
  --contrast-color: #ffffff;
}

/* Light Background - Subtle green tint */
.light-background {
  --background-color: #F1F8E9; /* Very light green */
  --surface-color: #ffffff;
}

/* Header Styling */
.header {
  /* Transparent by default - background appears on scroll */
  background-color: transparent;
}

/* Header background appears only after scrolling */
.scrolled .header {
  background-color: rgba(27, 94, 32, 0.95) !important; /* Deep green with transparency */
}

.header .sitename {
  color: #ffffff;
  font-weight: 700;
}

.header .sitename:hover {
  color: #F9A825; /* Gold on hover */
}

/* Buttons */
.btn-get-started,
.cta-btn,
button[type="submit"] {
  background-color: #2E7D32 !important; /* Medium green */
  color: #ffffff !important;
  border: 2px solid #2E7D32 !important;
  transition: all 0.3s ease;
  padding: 10px;
  border-radius: 20px;
}

.btn-get-started:hover,
.cta-btn:hover,
button[type="submit"]:hover {
  background-color: #1B5E20 !important; /* Darker green on hover */
  border-color: #1B5E20 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(27, 94, 32, 0.3);
}

/* Secondary buttons with gold */
.btn-secondary,
.btn-outline {
  background-color: transparent !important;
  color: #F9A825 !important;
  border: 2px solid #F9A825 !important;
}

.btn-secondary:hover,
.btn-outline:hover {
  background-color: #F9A825 !important;
  color: #1B5E20 !important;
}

/* Links */
a {
  color: #2E7D32;
}

a:hover {
  color: #1B5E20;
}

/* Service/Initiative Items Icons */
.services .icon i {
  color: #2E7D32 !important;
}

.service-item .icon i,
.icon-list i {
  color: #2E7D32 !important;
}

/* Section Titles */
.section-title h2 {
  color: #1B5E20;
  position: relative;
  padding-bottom: 15px;
}

.section-title h2:after {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 3px;
  background: #F9A825; /* Gold underline */
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

/* Portfolio/Get Involved Filters */
.portfolio-filters li {
  color: #2d3436;
  cursor: pointer;
  transition: all 0.3s;
}

.portfolio-filters li:hover,
.portfolio-filters li.filter-active {
  color: #2E7D32;
  font-weight: 600;
}

.portfolio-filters li.filter-active:before {
  background-color: #2E7D32;
}

/* Footer */
.footer {
  background-color: #1B5E20; /* Deep green footer */
  color: rgba(255, 255, 255, 0.9);
}

.footer .footer-links a {
  color: rgba(255, 255, 255, 0.8);
}

.footer .footer-links a:hover {
  color: #F9A825; /* Gold on hover */
}

.footer .social-links a {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.footer .social-links a:hover {
  background-color: #F9A825;
  border-color: #F9A825;
  color: #1B5E20;
}

/* Stats/Impact Numbers */
.stats-counter {
  background-color: #F1F8E9; /* Light green background */
}

.stats-counter .stats-item span {
  color: #1B5E20;
  font-weight: 700;
}

.stats-counter .stats-item p {
  color: #2E7D32;
}

/* Testimonials */
.testimonial-item {
  border-left: 3px solid #2E7D32;
}

/* Team/Leadership Cards */
.team-member:hover {
  border-color: #2E7D32;
}

.team-member .social a {
  background-color: #2E7D32;
}

.team-member .social a:hover {
  background-color: #F9A825;
}

/* Blog/News Tags */
.post-category {
  background-color: #2E7D32;
  color: #ffffff;
}

.tags-widget ul li a {
  color: #2d3436;
  border: 1px solid #e0e0e0;
}

.tags-widget ul li a:hover {
  background-color: #2E7D32;
  color: #ffffff;
  border-color: #2E7D32;
}

/* Forms */
.php-email-form input:focus,
.php-email-form textarea:focus {
  border-color: #2E7D32;
  box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.25);
}

/* Contact Info Items */
.contact .info-item i {
  color: #2E7D32;
}

/* Scroll to Top Button */
.scroll-top {
  background-color: #2E7D32;
}

.scroll-top:hover {
  background-color: #1B5E20;
}

/* Breadcrumbs */
.breadcrumbs a {
  color: rgba(255, 255, 255, 0.8);
}

.breadcrumbs a:hover {
  color: #F9A825;
}

/* Cards */
.card-item:hover {
  box-shadow: 0 8px 24px rgba(27, 94, 32, 0.15);
}

/* Why Us / Impact Section specific styling */
.why-us .swiper-button-prev,
.why-us .swiper-button-next {
  color: #2E7D32;
}

.why-us .swiper-pagination-bullet-active {
  background-color: #2E7D32;
}

/* Call to Action Enhancement */
.call-to-action {
  background-color: #1B5E20 !important;
}

.call-to-action h3 {
  color: #F9A825 !important;
}

/* Hero Section Enhancement */
.hero h1 {
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero blockquote {
  border-left-color: #F9A825;
}

/* Movement-Specific Classes */
.impact-stat {
  background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
  color: #ffffff;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(27, 94, 32, 0.2);
}

.impact-stat .number {
  font-size: 3rem;
  font-weight: 700;
  color: #F9A825;
}

.impact-stat .label {
  font-size: 1.1rem;
  margin-top: 10px;
}

/* Scholarship Badge */
.scholarship-badge {
  background: linear-gradient(135deg, #F9A825 0%, #F57C00 100%);
  color: #1B5E20;
  padding: 8px 16px;
  border-radius: 20px;
  font-weight: 600;
  display: inline-block;
}

/* Initiative Icons Color Variations */
.initiative-education { color: #1B5E20 !important; }
.initiative-healthcare { color: #2E7D32 !important; }
.initiative-food { color: #388E3C !important; }
.initiative-infrastructure { color: #43A047 !important; }
.initiative-agriculture { color: #4CAF50 !important; }
.initiative-youth { color: #F9A825 !important; }