/*
 * 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; }