/*
 * KlikBrik – Centraal Stylesheet
 * ================================
 * WIJZIG KLEUREN ALLEEN HIER.
 * Alle templates laden dit bestand via wp_enqueue_style.
 *
 * Kleurenpalet (van klikbrik.nl):
 *   --navy:   #1B2E4B  donkerblauw  (achtergrond secties)
 *   --orange: #7DC400  lime-groen   (accenten, knoppen, highlights)
 *   --cream:  #F5F5F5  lichtgrijs   (pagina achtergrond)
 */

:root {
  --navy:        #1B2E4B;
  --navy-light:  #243d63;
  --orange:      #7DC400;
  --orange-dark: #5FA000;
  --cream:       #F5F5F5;
  --charcoal:    #222222;
  --gray:        #6B7280;
  --light-gray:  #E0E0E0;
  --green:       #22c55e;
  --white:       #ffffff;
}

/* ── NAVIGATIE LINKS ── */
a { color: inherit; }
a:visited { color: inherit; }
.nav-back { color: rgba(255,255,255,0.8); font-size: 0.82rem; font-weight: 600; text-decoration: none; display: flex; align-items: center; gap: 0.3rem; transition: color 0.2s; }
.nav-back:hover { color: var(--orange); }
.nav-secure { color: rgba(255,255,255,0.75); font-size: 0.8rem; font-weight: 600; display: flex; align-items: center; gap: 0.4rem; }
.nav-secure-dot { width: 7px; height: 7px; background: var(--green); border-radius: 50%; }

/* Footer mobiel - alles onder elkaar */
@media (max-width: 768px) {
  .footer-inner-grid {
    grid-template-columns: 1fr !important;
    gap: 2rem;
    text-align: center;
  }

  .footer-cols {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 2rem;
    width: 100%;
  }
}
/* ── WITTE TEKST OP ALLE GROENE KNOPPEN (override) ── */
.btn-primary,
.btn-cta,
.btn-submit,
.btn-next,
.btn-confirm,
.btn-sticky-next,
.btn-mobile-next,
.btn-upgrade-banner,
.btn-bedankt-primary,
.nav-cta-mobile,
.nav-links-desktop .nav-cta-desk,
.footer-cta-bar { color: #fff !important; }

.package-card.featured .btn-package,
.pkg-badge,
.package-badge { color: #fff !important; }

/* ── GLOBALE NAV MENU LINKS (witte tekst op donkere navy nav) ── */
/* Voorheen alleen inline gestyled in page-homepage-new.php — nu globaal */
.nav-links-desktop {
  display: none; /* mobile-first; desktop toont via media query */
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-links-desktop a {
  color: rgba(255,255,255,0.75) !important;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: color 0.2s;
}
.nav-links-desktop a:hover,
.nav-links-desktop a[aria-current="page"] {
  color: var(--orange, #7DC400) !important;
}
.nav-links-desktop .nav-cta-desk,
.nav-links-desktop .nav-cta-desk:hover {
  color: #fff !important;
  background: var(--orange, #7DC400);
  padding: 0.5rem 1.2rem;
  border-radius: 4px;
}
@media (min-width: 960px) {
  .nav-links-desktop {
    display: flex;
    gap: 2rem;
    align-items: center;
  }
  .nav-cta-mobile { display: none; }
}