@charset "UTF-8";
/* ══════════════════════════════════════════════════
   LIGHT MODE: section-green credentials fix
   Applied last so it wins all cascade battles
══════════════════════════════════════════════════ */

/* Section-green background: light green in light mode */
html.light-mode section.section-green,
html.light-mode .section-green {
  background: linear-gradient(135deg, #eef4ec 0%, #eef4ec 50%, #eef4ec 100%) !important;
}

/* Section-green text: all dark & readable in light mode */
html.light-mode section.section-green p,
html.light-mode section.section-green p.s-sub {
  color: #1a3a1a !important;
  font-weight: 500 !important;
}
html.light-mode section.section-green div.s-eye,
html.light-mode section.section-green .s-eye {
  color: #0a3a0a !important;
  opacity: 1 !important;
}
html.light-mode section.section-green h2,
html.light-mode section.section-green h2.s-title {
  color: #0d2010 !important;
}

/* Credential cards: soft white with green border in light mode */
html.light-mode section.section-green div.il-cred,
html.light-mode .section-green div.il-cred,
html.light-mode div.il-cred {
  background: #ffffff !important;
  border: 1.5px solid rgba(21,135,25,0.2) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.07) !important;
  backdrop-filter: none !important;
}
html.light-mode div.il-cred h4 {
  color: #0d2010 !important;
  font-weight: 700 !important;
}
html.light-mode div.il-cred p {
  color: #2a4a2a !important;
  font-weight: 500 !important;
}
html.light-mode div.il-cred p strong {
  color: #c8920a !important;
}
html.light-mode div.il-cred .il-cred-icon {
  filter: none !important;
}

/* Keep 3-col grid in light mode */
html.light-mode div.il-creds-row {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
}
@media (max-width: 600px) {
  html.light-mode div.il-creds-row {
    grid-template-columns: 1fr !important;
  }
}
@media(hover:none){.feature-card:hover,.dark-card:hover,.t-card:hover,.blog-card:hover,.cred-card2:hover{transform:none!important;box-shadow:none!important;}}
.mobile-menu a.nav-active:not(.mm-cta):not(.mm-cta2),.footer-col a.nav-active{color:var(--gold)!important;font-weight:700!important;}