/* busimatch.css - BusiMatch Academy in de stijl van BusiMatch (21-10-2026).
   Komt NA app.css en zet alleen kleuren om: donkerblauw zoals busimatch.club,
   oranje als actiekleur in plaats van groen. app.css zelf blijft ongewijzigd. */
:root{
  --g:#f97316; --g2:#fb9a4b; --g3:rgba(249,115,22,.16); --g4:rgba(249,115,22,.08);
  --ink:#e7edf7; --ink2:#c7d3e6; --mute:#8fa3bf; --line:#26324d;
  --bg:#0f172a; --card:#141d33; --warn:#f59e0b; --bad:#ef4444; --info:#60a5fa; --gold:#ffd03b;
  --sh:0 1px 2px rgba(0,0,0,.25),0 8px 24px rgba(0,0,0,.25);
  color-scheme:dark;
}
body{background:radial-gradient(1200px 600px at 50% -200px,#1b2a4a 0%,#0f172a 60%) fixed,#0f172a;color:var(--ink)}
a{color:var(--g2)}
h1,h2,h3,h4{color:#fff}

/* kopbalk zoals de club */
.top{background:#0b1220;border-bottom:1px solid var(--line)}
.brand{color:#fff}.brand b{color:var(--g)}
.search input{background:#0b1220;border-color:var(--line);color:var(--ink)}
.search button{background:linear-gradient(135deg,#f97316,#fb9a4b);color:#1a1206}
.mainnav a{color:var(--ink2)}.mainnav a:hover{background:rgba(255,255,255,.06)}
.mainnav a.on{background:var(--g3);color:var(--g2)}
body.navopen .mainnav{background:#0b1220;border-bottom-color:var(--line)}
.burger{background:#0b1220;border-color:var(--line)}.burger span,.burger span::before,.burger span::after{background:var(--ink)}
details .menu{background:#141d33;border-color:var(--line);box-shadow:0 12px 30px rgba(0,0,0,.45)}
details .menu a,details .menu .linkbtn{color:var(--ink)}
details .menu a:hover,details .menu .linkbtn:hover{background:rgba(255,255,255,.06)}
.langpick summary{border-color:var(--line);color:var(--ink)}
.bell{color:var(--ink2)}
.usermenu img,.usermenu i{background:var(--g)}

/* knoppen: oranje verloop zoals op de club */
.btn{background:linear-gradient(135deg,#f97316,#fb9a4b);border-color:#f97316;color:#1a1206}
.btn:hover{background:linear-gradient(135deg,#ea580c,#f97316);color:#1a1206}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{background:rgba(255,255,255,.06)}
.btn.outline{background:transparent;color:var(--g2);border-color:var(--g)}
.linkbtn{color:var(--g2)}

/* formulieren */
input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=search],
input[type=datetime-local],input[type=date],select,textarea{background:#0b1220;border-color:var(--line);color:var(--ink)}
input::placeholder,textarea::placeholder{color:#64748b}
input:focus,select:focus,textarea:focus{outline-color:var(--g);border-color:var(--g)}

/* kaarten en cursussen */
.card,.ccard{background:var(--card);border-color:var(--line)}
.ccard:hover{box-shadow:0 10px 30px rgba(249,115,22,.18)}
.ccard .img{background:linear-gradient(135deg,#1b2a4a,#3b1f0b)}
.ccard h3 a{color:#fff}
.ccard .foot{border-top-color:var(--line)}
.price{color:var(--g2)}
.badge{background:var(--g3);color:#ffd7b0}
.badge.grey{background:rgba(255,255,255,.08);color:var(--ink2)}
.tag{background:rgba(11,18,32,.85);color:var(--ink)}

/* meldingen */
.flash.ok{background:var(--g3);color:#ffd7b0}
.flash.error{background:rgba(239,68,68,.15);color:#fecaca}
.toast.ok{background:#ea580c}

/* tabellen, lijnen en overige lichte vlakken uit app.css */
table{color:var(--ink)}
th,td{border-color:var(--line)}
hr{border-color:var(--line)}
[style*="background:#fff"],[style*="background: #fff"]{background:var(--card)!important}

/* eigen voet (vervangt de Busiverse-voet) */
.foot{background:#0b1220;border-top:1px solid var(--line);color:var(--mute);margin-top:40px}
.foot a{color:var(--ink2)}
.foot-eigen,.foot-wettelijk{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;padding:14px 0 6px;font-size:.9rem}
.foot-wettelijk{padding:4px 0 18px;font-size:.82rem}
.foot-naam{color:var(--mute)}

/* de overige witte vlakken uit app.css donker maken (het certificaat zelf blijft wit om te printen) */
.skip,.pcard,.filters,.cbox,.curr .mod,.kpi,.lrow,table.tbl,.bmod,.block,.qq,.pside,.ptop,.quizq,.result{background:var(--card);color:var(--ink);border-color:var(--line)}
.cats a,.chips a,.chips label,.pager a,.pager span{background:var(--card);border-color:var(--line);color:var(--ink2)}
.chips a.on,.pager .on,.pager span.on{background:var(--g3);color:#ffd7b0;border-color:var(--g)}
.hero{background:linear-gradient(135deg,#1b2a4a 0%,#141d33 55%,#2a1708 100%);border-color:rgba(249,115,22,.35)}
.cta{background:linear-gradient(135deg,#1b2a4a,#3b1f0b);border:1px solid rgba(249,115,22,.35)}
.chero{background:#0b1220}
.editor .tb{background:#0b1220;border-color:var(--line)}
.note{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.4);color:#fde68a}
.apidoc code{background:#0b1220;color:#e2e8f0}
.certdoc{color:#111827}
.certdoc h1,.certdoc h2,.certdoc h3{color:#111827}

/* smalle schermen: de langere naam "BusiMatch Academy" mag de kopbalk niet breder maken dan het scherm */
.brand{min-width:0;flex-shrink:1}
@media (max-width:640px){.brand span{font-size:1.05rem}.top .wrap{gap:8px}.userbox{gap:6px}.userbox .btn.sm{padding:6px 10px;font-size:.8rem}}
@media (max-width:480px){.brand span{display:none}}

/* taalkiezer met vlaggetjes (21-10-2026), zoals op de andere BusiMatch-sites */
.langpick summary{display:flex;align-items:center;gap:6px;padding:5px 8px}
.vlag{width:22px;height:16px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,255,255,.18);flex:0 0 auto}
.langpick .menu a{display:flex;align-items:center;gap:10px}
@media (max-width:480px){.vlag-code{display:none}}