/* =========================================================
   Edel IQ – LIGHT THEME (loads last, overrides dark styles)
   Remove the <link> to this file in includes/header.php
   to go back to the dark version.
   ========================================================= */
:root {
  --olive: #5e7000;
  --olive2: #6f8200;
  --line: #e3e7d8;
  --text: #2b2f33;
  --muted: #5d656d;
  --bg2: #f4f6ef;
}
body {
  background: #fff;
  color: var(--text);
}
h1,
h2,
h3 {
  color: var(--ink);
}
p {
  color: var(--muted);
}
.accent {
  color: var(--ink);
  background: linear-gradient(transparent 62%, var(--lime) 62%);
}

/* ---------- navbar ---------- */
.navbar {
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--line);
}
.navbar-brand img,
.footer img,
.panel-head img,
.ld-box img {
  background: none;
  padding: 0;
  border-radius: 0;
}
.navbar-brand img {
  height: 58px;
}
.nav-link {
  color: var(--text) !important;
}
.nav-link.active {
  color: var(--olive) !important;
}
.nav-cta,
.nav-cta.active,
.nav-cta:hover {
  color: var(--ink) !important;
}
.menu-btn span {
  background: var(--ink);
}
.menu-btn span:nth-child(2) {
  background: #9db400;
}

/* ---------- hero + sub-page banner ---------- */
.hero,
.page-banner {
  background: radial-gradient(circle at 85% 20%, rgba(200, 220, 46, 0.38), transparent 45%), #f7f9ee;
}
.hero::before,
.page-banner::before {
  background-image:
    linear-gradient(rgba(10, 10, 11, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10, 10, 11, 0.05) 1px, transparent 1px);
}
.hero h1,
.page-banner h1 {
  color: var(--ink);
}
.hero .lead {
  color: var(--muted);
}
.powered {
  color: var(--muted);
}
.pill {
  color: var(--olive);
  border-color: #9db400;
  background: rgba(200, 220, 46, 0.22);
}
.pill-dark {
  color: var(--ink);
  border-color: var(--ink);
  background: none;
}
.hero .btn-outline-light {
  color: var(--ink);
  border-color: var(--ink);
}
.hero .btn-outline-light:hover {
  background: var(--ink);
  color: #fff;
}
.tick {
  background: #fff;
  border-color: var(--line);
  border-left-color: var(--lime);
  color: var(--ink);
  box-shadow: 0 12px 30px rgba(10, 10, 11, 0.1);
}
.tick i {
  color: var(--olive2);
}
.crumbs {
  color: var(--muted);
}
.crumbs a {
  color: var(--olive);
}

/* ---------- sections ---------- */
.section.dark {
  background: var(--bg2);
  color: var(--text);
}
.section.dark h2 {
  color: var(--ink);
}
.mini,
.scale {
  background: var(--bg2);
}

/* feature cards */
.fcard {
  background: #fff;
  border-color: var(--line);
  box-shadow: 0 6px 20px rgba(10, 10, 11, 0.05);
}
.fcard h3 {
  color: var(--ink);
}
.fcard p {
  color: var(--muted);
}
.fcard i {
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: rgba(200, 220, 46, 0.3);
  color: var(--olive);
  font-size: 1.6rem;
}
.fcard.in:hover {
  box-shadow: 0 18px 40px rgba(10, 10, 11, 0.1);
}
.num {
  color: rgba(10, 10, 11, 0.07);
}

/* flow + why */
.flow::before {
  border-top-color: #c9d0b6;
}
.flow li {
  color: var(--ink);
}
.flow i {
  background: #fff;
  color: var(--olive);
}
.flow li:hover i {
  background: var(--lime);
  color: var(--ink);
}
.why {
  background: #fff;
  box-shadow: 0 6px 20px rgba(10, 10, 11, 0.06);
}
.why h3 {
  color: var(--ink);
}

/* pricing */
.pcard {
  background: var(--bg2);
}
.pcard.featured {
  background: #fff;
  color: var(--muted);
  border-color: var(--lime);
  box-shadow: 0 18px 40px rgba(10, 10, 11, 0.1);
}
.pcard.featured h3,
.pcard .price {
  color: var(--ink);
}
.pcard.featured li i,
.pcard li i {
  color: var(--olive2);
}
.price small {
  color: var(--muted);
}

/* form */
.form-control {
  background: #fff;
}
.cap-refresh {
  color: var(--ink);
}

/* ---------- footer ---------- */
.footer {
  background: var(--bg2);
  color: var(--muted);
  border-top: 1px solid var(--line);
}
.footer p {
  color: var(--muted);
}
.footer a {
  color: var(--text);
}
.footer a:hover {
  color: var(--olive);
}
.footer h4 {
  color: var(--ink);
}
.footer hr,
.footer-bottom {
  border-color: var(--line);
}
.footer .social a {
  color: var(--ink);
  border-color: #d3d9c3;
  background: #fff;
}
.footer .social a:hover {
  background: var(--lime);
  border-color: var(--lime);
  color: var(--ink);
}
.ginfo > i {
  color: var(--olive2);
}
.ginfo strong {
  color: var(--ink);
}
.ginfo span,
.ginfo a {
  color: var(--muted);
}
.ginfo a:hover {
  color: var(--olive);
}

/* ---------- loader ---------- */
#loader {
  background: #fff;
}
.ld-bar {
  background: var(--line);
}

/* ---------- mobile menu ---------- */
@media (max-width: 991.98px) {
  .navbar {
    background: #fff;
  }
  .nav-panel {
    background: #fff;
    background-image: radial-gradient(circle at 0 100%, rgba(200, 220, 46, 0.4), transparent 55%);
    box-shadow: 10px 0 40px rgba(10, 10, 11, 0.15);
  }
  .menu-overlay {
    background: rgba(10, 10, 11, 0.45);
  }
  .nav-link {
    border-bottom-color: var(--line);
    color: var(--ink) !important;
  }
  .nav-link.active,
  .nav-cta.active,
  .nav-cta:hover {
    color: var(--olive) !important;
  }
  .nav-link small {
    color: var(--olive2);
  }
  .menu-close {
    color: var(--ink);
    border-color: var(--ink);
  }
  .menu-close:hover {
    background: var(--lime);
    color: var(--ink);
  }
  .panel-foot {
    color: var(--muted);
  }
}