/* Laad Boost Creators CSS */
@import url('https://boostcreators.nl/wp-content/themes/boostcreators/styling/custom.min.css');

/* ===== Root & Bootstrap-variabelen ===== */
:root {
  --bc-primary: #111111;
  --bc-secondary: #222222;
  --bc-accent: #ff5a1f;
  --bc-bg: #ffffff;
  --bc-text: #1b1b1b;

  /* compat alias voor interne styles */
  --accent: var(--bc-accent);

  /* Bootstrap mappings */
  --bs-primary: var(--bc-accent);
  --bs-secondary: var(--bc-secondary);
  --bs-body-color: var(--bc-text);
  --bs-body-bg: var(--bc-bg);
  --bs-border-radius: 1rem;
}

/* ===== Buttons (merk) ===== */
.btn-primary { background-color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-primary:hover { filter: brightness(0.94); }
.btn-outline-secondary { color: var(--bs-secondary); border-color: var(--bs-secondary); }
.btn-outline-secondary:hover { background: rgba(0,0,0,.04); }

/* ===== Cards & Links ===== */
.card { border: 1px solid rgba(0,0,0,.06); border-radius: var(--bs-border-radius); }
.card.shadow-sm { box-shadow: 0 12px 36px rgba(15,23,42,.08); transition: transform .15s ease, box-shadow .15s ease; }
.card.shadow-sm:hover { transform: translateY(-2px); box-shadow: 0 18px 48px rgba(15,23,42,.12); }

a { color: var(--accent); }
a:hover { color: var(--accent); opacity: .9; }

/* ===== Hero / Dashboard tint ===== */
.section-hero {
  background: linear-gradient(180deg, rgba(255,90,31,.06), rgba(255,90,31,.02));
  border: 1px solid rgba(15,23,42,.06);
  border-radius: 20px;
}
.kpi-icon {
  width: 40px; height: 40px; border-radius: 12px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(0,0,0,.06);
}

/* ===== KPI gradient varianten (altijd witte tekst) ===== */
.kpi-card .small, .kpi-card .fw-bold { color:#fff; }
.bg-kpi-1{ background:linear-gradient(135deg,#f97316,#fb923c); color:#fff; }
.bg-kpi-2{ background:linear-gradient(135deg,#06b6d4,#22d3ee); color:#fff; }
.bg-kpi-3{ background:linear-gradient(135deg,#f43f5e,#fb7185); color:#fff; }
.bg-kpi-4{ background:linear-gradient(135deg,#16a34a,#22c55e); color:#fff; }

/* ===== Sidebar list-items (generiek; kleur in layout.css) ===== */
.list-group-item-action { border: 0; padding: .85rem 1rem; }

/* ===== Utilities ===== */
a.text-muted:hover { color: var(--bc-text) !important; }

/* Verwijderd:
   - .topbar achtergrond/kleuren
   - .app-sidebar achtergrond/kleuren
   Deze staan bewust in layout.css om conflicten te voorkomen. */