/* Cyber-Gastronomy: obsidian + neon groen/oranje (site-breed) */
:root{--obs:#0a0e14;--slate:#121820;--ink:#e8edf5;--muted:#9aa8bd;--line:rgba(255,255,255,.1);--glass:rgba(18,28,40,.72);--neon:#39ff88;--or:#FF8000;--red:#DA121A;--blue:#1349B0;--yel:#FCDD09}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--obs);color:var(--ink);background-image:radial-gradient(900px 520px at 12% -8%,rgba(57,255,136,.12),transparent 55%),radial-gradient(800px 480px at 100% 0,rgba(255,128,0,.16),transparent 50%),radial-gradient(700px 400px at 70% 110%,rgba(19,73,176,.2),transparent 55%)}
a{color:var(--neon)}a:hover{color:#7dffb0}h1,h2,h3{color:#fff}h2::after{content:"";display:block;width:72px;height:3px;margin-top:10px;border-radius:3px;background:linear-gradient(90deg,var(--or),var(--neon))}
.muted,.small,.who,.fcopy,footer{color:var(--muted)}
.card,.mbag,.inco,.prod,.mock,.authbox form,.regform,.faq,.steps>div,.perks>div,.tile,.rcard,.mitem,.mform,.rset,.addrform,.cbox,.mrow,.ocard{background:var(--glass)!important;border:1px solid var(--line)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 36px rgba(0,0,0,.35);color:var(--ink)}
table{background:transparent;box-shadow:none;border:1px solid var(--line);border-radius:14px}th,td{border-bottom:1px solid var(--line);color:var(--ink)}th{background:rgba(255,255,255,.05);color:#dfe6ff}tr.tot td{background:rgba(255,255,255,.04)}
input,select,textarea{background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important}input::placeholder,textarea::placeholder{color:#8f9bc0}label{color:#c9d2ea}
.btn{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;font:inherit}.btn:hover{background:#0E3A8C}.btn.ghost,body.rs .btn.ghost{background:rgba(255,255,255,.05)!important;color:#dfe6ff!important;border:1px solid rgba(57,255,136,.35)!important}.btn[disabled]{background:rgba(255,255,255,.12);cursor:not-allowed}
.obtn,.tcart{background:linear-gradient(135deg,#ff6a00,#FF8000)!important;color:#fff!important;border:0;box-shadow:0 0 22px rgba(255,128,0,.4)}.obtn:hover{filter:brightness(1.08)}.obtn.dis,.obtn[disabled]{opacity:.45;pointer-events:none;box-shadow:none}
.badge,.rbadge{background:rgba(255,255,255,.1);color:#fff}.b-paid,.b-delivered,.rb-delivered{background:rgba(57,255,136,.18);color:var(--neon)}.b-open{background:rgba(255,128,0,.18);color:var(--or)}.b-processing,.b-shipped,.rb-processing,.rb-shipped{background:rgba(61,123,255,.22);color:#c9d8ff}.b-failed,.b-cancelled{background:rgba(218,18,26,.25);color:#ffb3b8}
.ok{background:rgba(57,255,136,.14);color:var(--neon)}.err{background:rgba(218,18,26,.18);color:#ffb3b8}.info,.short,.onote,.warn,.noprice{background:rgba(255,128,0,.12);color:var(--or)}
.mockbar,.mockbar.test,.testpill{background:rgba(255,128,0,.14);color:var(--or);border:1px solid rgba(255,128,0,.35)}
.tri{height:4px;background:linear-gradient(90deg,#fff 0 33%,var(--blue) 33% 66%,var(--yel) 66%);position:relative;z-index:21}
header.top,body.adm header.top,.top,.sticky,.tabs,.mcats{background:rgba(10,14,20,.75)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line)!important}
body.rs header.top .tnav a:not(.tcart),body.adm header.top .tnav a{color:#dfe6ff!important}body.rs header.top .tnav a:hover,body.adm header.top .tnav a:hover{color:var(--neon)!important}
.blogo,.lfoot .blogo,.authlogo{background:rgba(255,255,255,.94);border-radius:12px;padding:3px 7px}
.sitefoot{background:transparent}.sitefoot .wrap{color:var(--muted)}
.search,.search input{background:rgba(255,255,255,.06)!important;color:#fff;border-color:rgba(255,255,255,.16)!important}
.chip,.chips .chip{background:rgba(255,255,255,.06);color:#dfe6ff;border:1px solid rgba(255,255,255,.16)}.chip.on{background:var(--or);color:#fff;border-color:var(--or)}
.pills a{color:#dfe6ff}.pills a:hover{background:rgba(255,255,255,.08)}.pills a.on{background:var(--or);color:#fff}.pills{border-color:var(--line)}
.pi b,.price,.amount{color:#fff}.padd,.plus,.madd{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--or);box-shadow:0 0 14px rgba(255,128,0,.25)}.padd:hover,.plus:hover{background:var(--or);color:#fff}
.qty button,.lq button,.mq button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff}
.dlg{background:#0f1624;color:#fff;border:1px solid var(--line)}.dx button{background:rgba(255,255,255,.1);color:#fff}.dlg::backdrop{background:rgba(0,0,0,.65)}
.track li{color:var(--muted)}.track .done,.track .cur{color:#fff}.track i{background:rgba(255,255,255,.08)}.track .done i,.track .cur i{background:linear-gradient(135deg,var(--or),var(--neon));color:#0a0e14}
.rcard .rbody,.rhead{color:#fff}.rclosed{background:rgba(10,14,20,.85)}.mcats a{background:rgba(255,255,255,.06);color:#dfe6ff}.mcats a:hover{background:var(--or);color:#fff}
.pop,.ct,.ct-consumer{background:rgba(255,128,0,.16);color:var(--or)}.ct-business{background:rgba(57,255,136,.14);color:var(--neon)}
.inco.ist-paid{box-shadow:0 0 0 1px rgba(255,128,0,.55),0 0 28px rgba(255,128,0,.25)}
.admtag{background:var(--or)}.lfoot{background:rgba(5,8,12,.75);color:var(--muted);border-image:linear-gradient(90deg,#fff 0 33%,var(--blue) 33% 66%,var(--yel) 66%) 1}
.pc{border:1px solid rgba(255,255,255,.16);color:#fff}.pc:has(input:checked){border-color:var(--or);background:rgba(255,128,0,.1)}
body.rs,body.adm{background-color:var(--obs)}.ideal-logo{background:var(--red)}
.rm{color:#8f9bc0}.screen{color:#1b2233}
@media(prefers-reduced-motion:reduce){.inco.ist-paid,.floaty,.fx i{animation:none!important}*{transition:none!important;scroll-behavior:auto!important}}
/* bezorgtijd klant: groot en goed leesbaar */
.etabox{margin:18px auto 4px;max-width:520px;text-align:center;padding:18px 20px;border-radius:16px;background:rgba(57,255,136,.1);border:2px solid rgba(57,255,136,.55);display:flex;flex-direction:column;gap:4px}
.etabox span{color:#e8edf5;font-size:16px;font-weight:600}.etabox b{color:#fff;font-size:30px;line-height:1.15}
.etabox strong{color:#39ff88;font-size:24px;font-weight:800}.etabox strong.soon{color:#FF8000}
/* admin: gegroepeerde navigatie + dashboardtegels */
body.adm .anav{gap:4px;flex-wrap:wrap}body.adm .anav a{padding:8px 12px;border-radius:10px;font-weight:700;font-size:15px;color:#f2f5fa!important}body.adm .anav a.on{background:rgba(57,255,136,.16);color:#39ff88!important;box-shadow:inset 0 0 0 1px rgba(57,255,136,.5)}
.asub{margin:14px 0 2px;border:0}.asub a{color:#f2f5fa!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}.asub a.on{background:#FF8000!important;color:#fff!important;border-color:#FF8000}
.dsub{margin:22px 0 10px;font-size:18px}.dsub::after{display:none}
.dtiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.dtile{display:block;text-decoration:none;padding:20px;border-radius:16px;background:rgba(18,28,40,.85);border:1px solid rgba(255,255,255,.14);color:#fff}.dtile:hover{border-color:#39ff88;color:#fff}.dtile small{display:block;color:#d5dde9;font-size:15px;font-weight:600}.dtile b{display:block;font-size:34px;margin-top:6px;color:#fff}.dtile.hl{border:2px solid rgba(57,255,136,.6)}.dtile.hl b{color:#39ff88}.dtile.warn{border:2px solid rgba(255,128,0,.7)}.dtile.warn b{color:#ffad5c}.dtiles.sm .dtile b{font-size:22px}
.stat small{color:#d5dde9!important}.stat b{color:#fff!important}body.adm h1{color:#fff}h2{color:#fff}
/* restaurant: omzet vandaag */
.omzet{margin:0 0 16px;border:2px solid rgba(57,255,136,.45)!important}.omhead{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.omhead h2{margin:0}.omhead h2::after{display:none}.omhead .muted{color:#d5dde9}.omz{margin-left:auto;width:auto!important;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:800}
.omtiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0}.omtiles div{background:rgba(255,255,255,.06);border-radius:12px;padding:12px 14px}.omtiles small{display:block;color:#d5dde9;font-weight:600}.omtiles b{display:block;font-size:30px;color:#fff}.omtiles .hl b{color:#39ff88}
.omgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 18px}.omgrid p{display:flex;justify-content:space-between;margin:3px 0;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#e8edf5}.omgrid b{color:#fff}
.omzet .small.muted{color:#c3cddb}
/* bestellijsten: duidelijke tabel */
.tscroll{overflow-x:auto}.otable{width:100%;border-collapse:collapse}.otable th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#f2f5fa;text-align:left;padding:10px}.otable td{padding:10px;color:#f2f5fa;vertical-align:middle}.otable tbody tr:hover td{background:rgba(255,255,255,.04)}.otable .num{text-align:right}.nowrap{white-space:nowrap}
.ct{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:800}.ct-consumer{background:rgba(255,128,0,.2)!important;color:#ffb066!important;border:1px solid rgba(255,128,0,.5)}.ct-business{background:rgba(57,255,136,.14)!important;color:#7dffb0!important;border:1px solid rgba(57,255,136,.45)}
.oparty{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:8px 0 14px}.oparty section{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px}.oparty h3{margin:0 0 6px;font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:#39ff88}.oparty p{margin:0;color:#f2f5fa;line-height:1.5}
.ometa{display:flex;flex-wrap:wrap;gap:8px 18px;color:#d5dde9;margin:0 0 6px}.ometa span:last-child{color:#fff;font-weight:800}
/* Product-popup: leesbare opties, duidelijke sluitknop (WCAG AA) */
.dlg .dpad h2{color:#fff}.dlg .ddesc{color:#e6e9f0;font-size:15px;line-height:1.5;margin:6px 0 10px}.dlg .dnote,.dlg .small{color:#e6e9f0}
.dlg fieldset{border:0;border-top:1px solid rgba(255,255,255,.14);padding:14px 0 6px;margin:10px 0}
.dlg legend{color:#fff;font-size:17px;font-weight:700;padding:0 0 4px;display:flex;align-items:center;gap:8px}
.dlg legend small.req,.dlg legend small{font-size:12px;font-weight:700;letter-spacing:.02em;color:#0a0e14;background:#ffb366;border-radius:999px;padding:2px 9px}
.dlg fieldset label.opt{display:flex;align-items:center;gap:12px;width:100%;color:#fff;font-size:16px;font-weight:600;margin:6px 0;padding:12px 14px;min-height:48px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s}
.dlg fieldset label.opt:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.3)}
.dlg fieldset label.opt:has(input:checked){background:rgba(255,128,0,.14);border-color:#ff9a3d}
.dlg fieldset label.opt .oname{flex:1;color:#fff}.dlg fieldset label.opt .oprice{color:#ffc58a;font-weight:600;white-space:nowrap}
.dlg fieldset label.opt input{appearance:none;-webkit-appearance:none;flex:none;width:22px!important;height:22px;margin:0;padding:0!important;border:2px solid #e6e9f0!important;background:transparent!important;border-radius:6px;display:grid;place-content:center;cursor:pointer}
.dlg fieldset label.opt input[type=radio]{border-radius:50%}
.dlg fieldset label.opt input:checked{border-color:#ff9a3d!important;background:#ff8000!important}
.dlg fieldset label.opt input[type=checkbox]:checked::before{content:"";width:11px;height:6px;border:solid #fff;border-width:0 0 3px 3px;transform:translateY(-1px) rotate(-45deg)}
.dlg fieldset label.opt input[type=radio]:checked{background:transparent!important}
.dlg fieldset label.opt input[type=radio]:checked::before{content:"";width:10px;height:10px;border-radius:50%;background:#ff8000}
.dlg fieldset label.opt input:focus-visible{outline:2px solid #39ff88;outline-offset:2px}
.dx button{width:40px!important;height:40px!important;margin:12px!important;border-radius:50%!important;background:rgba(8,11,16,.82)!important;color:#fff!important;border:2px solid rgba(255,255,255,.9)!important;box-shadow:0 2px 10px rgba(0,0,0,.6)!important;font-size:20px;font-weight:700;line-height:1;display:inline-grid;place-items:center;padding:0}
.dx button:hover{background:#000!important}.dx button:focus-visible{outline:2px solid #39ff88;outline-offset:2px}
/* WCAG AA-sweep (donker thema): hardgecodeerde donkere teksten uit style.css overschrijven, oranje vlakken donkerder zodat witte tekst ≥ 4.5:1 haalt */
:root{--orbtn:#c2410c;--orbtn2:#b03a0a}
.obtn,.tcart,.lp-btn.pri{background:linear-gradient(135deg,var(--orbtn),var(--orbtn2))!important;color:#fff!important;box-shadow:0 0 22px rgba(255,128,0,.35)}
.chip.on,.pills a.on,.mcats a:hover,.mcats a.on,.admtag,button.p,.asub a.on{background:var(--orbtn)!important;color:#fff!important;border-color:var(--orbtn)!important}
.chk,.oinfo,.tile,.pc,.tabs a,.pills a,.mcats a,.msec h2,.psec h2,.lsec h2,body.rs,body.rs header.top,.chc.biz{color:#e6e9f0}
.inco b,.inco h3,.inco strong{color:#fff}
summary,.forgot summary,.back,.hero p,.lsub,.rmeta,.bsum div,.pi p,.mdesc,.mbl small,.tile small,.ln small,.bempty,.price small,.screen span,.ideal,.info,.fcopy,.sitefoot .wrap{color:#c9d2ea}
th{color:#dfe6ff}label{color:#d5dcef}
.rm{color:#c9d2ea}.rm:hover{color:#ff9a9a}
.open{color:var(--neon)}
.ost{color:#c9d2ea}.s-paid,.s-processing,.s-shipped{color:#ffb38a}.s-cancelled,.s-failed{color:#ff9a9a}.s-delivered{color:var(--neon)}
.def{background:rgba(255,128,0,.18);color:#ffc58a}
.track li i{background:rgba(255,255,255,.1);color:#e6e9f0}
.lbtn2{border-color:#e6e9f0;color:#fff}
.b-failed,.b-cancelled{background:rgba(218,18,26,.18);color:#ffb3b8}
.rb-processing{background:rgba(61,123,255,.22);color:#c9d8ff}.rb-shipped{background:rgba(139,92,246,.22);color:#ddd0ff}
.pop,.ct,.ct-consumer{color:#ffc58a}
.rmeta .open{color:var(--neon)}.rb-paid{background:rgba(255,128,0,.18);color:#ffc58a}
.prow:hover h3{color:var(--neon)}
.track li span,.track li.done span{color:#e6e9f0}.track li.cur span{color:#fff;font-weight:700}
td .btn,td .obtn{white-space:nowrap;text-decoration:none}
/* /app downloadpagina */
.appdl-hero{display:flex;gap:18px;align-items:center;padding:20px;border-radius:16px;margin-bottom:16px}.appdl-logo{width:96px;height:96px;flex:none}.appdl-t{margin:0 0 6px}.appdl-t::after{display:none}
.appdl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.appdl-grid .card{padding:20px;border-radius:16px}.appdl-grid h3{margin:0 0 12px}
.appdl-btn{display:inline-block;text-decoration:none;font-weight:800;font-size:17px;padding:14px 22px;border-radius:12px}
.appdl-steps{padding-left:20px;line-height:1.6;color:#e6e9f0}.appdl-steps li{margin:6px 0}
.appdl-qr{text-align:center}.appdl-qr img{background:#fff;padding:10px;border-radius:12px;width:220px;height:220px}
/* AVG: juridische pagina's, footerlinks, privacyblok */
.legal{max-width:760px;font-size:16px;line-height:1.65;color:#e6e9f0}.legal h2{font-size:21px;margin:30px 0 10px}.legal h3{font-size:18px;margin:22px 0 8px;color:#fff}.legal h2::after{width:48px;height:2px}
.legal p,.legal li{color:#e6e9f0}.legal ul,.legal ol{padding-left:22px}.legal li{margin:6px 0}.legal a{color:var(--neon);text-decoration:underline}.legal i{color:#c9d2ea}.legal code{background:rgba(255,255,255,.08);padding:1px 6px;border-radius:6px;color:#fff}
mark.lph{background:#fcdd09;color:#0a0e14;font-weight:700;padding:0 5px;border-radius:4px}
.lnote{display:inline-block;font-size:13px;background:rgba(255,128,0,.14);color:#ffc58a;border:1px solid rgba(255,128,0,.35);border-radius:8px;padding:6px 10px;margin:0 0 12px}
.legalnav a{color:#c9d2ea}
.legalfoot{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px}.legalfoot a{color:#c9d2ea;text-decoration:none}.legalfoot a:hover{color:var(--neon);text-decoration:underline}
.sitefoot .wrap{flex-wrap:wrap;gap:8px 16px}
.chk a{color:var(--neon);text-decoration:underline}.chk input{width:20px!important;height:20px;flex:none}
.btn.danger{background:#b91c1c!important;color:#fff!important;border:0}.btn.danger:hover{background:#991b1b!important}
.err-t{color:#ff9a9a;font-size:12px;font-weight:700}
.privbox .delreq summary{color:#ff9a9a;font-weight:700;margin:10px 0}.privbox form{display:grid;gap:10px;max-width:440px}

/* ---- Beoordelingen (sterren) */
.stars{color:#fbbf24;letter-spacing:1px;font-size:18px;white-space:nowrap}.stars .soff{color:#4b5563}.stars.sm{font-size:14px}
.rrate{margin:2px 0 4px}.rrate a{text-decoration:none}.rstar{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:#fde68a;background:rgba(251,191,36,.14);border:1px solid rgba(251,191,36,.45);border-radius:999px;padding:2px 10px;font-size:14px}.rstar small{color:#e5e7eb;font-weight:600}.rstar.none{color:#cbd5e1;background:rgba(255,255,255,.06);border-color:var(--line);font-weight:600}
.revform h2{margin-top:0}.starpick{border:0;padding:0;margin:0 0 12px;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px;flex-wrap:wrap}.starpick legend{width:100%;margin-bottom:6px;color:#fff;font-weight:700}
.starpick input{position:absolute;opacity:0;width:1px;height:1px}.starpick label{font-size:40px;line-height:1;color:#4b5563;cursor:pointer;padding:2px 4px;border-radius:8px}
.starpick label:hover,.starpick label:hover~label,.starpick input:checked~label{color:#fbbf24}.starpick input:focus-visible+label{outline:3px solid #fbbf24;outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.revform textarea{width:100%;background:#0f1722;color:#fff;border:1px solid #475569;border-radius:10px;padding:10px;font:inherit}
.revsec{margin-top:28px}.revsum{display:flex;flex-wrap:wrap;gap:24px;align-items:center;background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px}
.revavg{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.revavg b{font-size:44px;color:#fff;line-height:1}.revdist{flex:1;min-width:200px}.revdist p{display:flex;align-items:center;gap:8px;margin:3px 0;font-size:13px;color:#e5e7eb}.revdist i{flex:1;height:8px;background:rgba(255,255,255,.1);border-radius:6px;overflow:hidden}.revdist i b{display:block;height:100%;background:#fbbf24}
.rvcard{background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:10px;color:var(--ink)}.rvcard header{display:flex;justify-content:space-between;gap:8px}.rvcard header b{color:#fff}
.rvtext{white-space:pre-line;overflow-wrap:anywhere;margin:6px 0 0;color:#e8edf5}.rvtag{text-decoration:none}.rvbtn{background:#b45309!important;color:#fff!important}.rvhid td{opacity:.6}

/* ---- Pauze */
.rmeta .paused{color:#fdba74;font-weight:800}.rclosed.rpaused{background:#9a3412!important;color:#fff;font-weight:800}
.pausebanner{display:flex;flex-direction:column;gap:2px;background:#7c2d12;border:2px solid #fb923c;color:#fff;border-radius:14px;padding:12px 16px;margin:12px 0}.pausebanner b{font-size:18px}
.pausemsg{background:#7c2d12!important;color:#fff!important;border:1px solid #fb923c;font-weight:600}
.pausebox{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;background:var(--glass);border:2px solid #475569;border-radius:16px;padding:16px 18px;margin:14px 0}.pausebox p{margin:4px 0}
.pausebox .pbig{font-size:22px;color:#fff}.pbtns{display:flex;flex-wrap:wrap;gap:8px}.pbtns .btn{font-size:16px;padding:12px 16px;background:#c2410c!important;color:#fff!important;border:0}.pbtns .btn:hover{background:#9a3412!important}
.pausebox.on{background:#7c2d12;border-color:#fb923c;color:#fff}.pausebox.on .small{color:#fed7aa}.pcount{font-variant-numeric:tabular-nums;font-size:20px}
.obtn.pgo{background:#15803d!important;color:#fff!important;font-size:18px;padding:14px 22px}.ct.pz{background:#9a3412;color:#fff}
.rvcard header{display:flex;justify-content:space-between;gap:8px;background:none!important;border:0!important;box-shadow:none!important;position:static!important;padding:0!important;margin:0 0 2px;backdrop-filter:none!important}
.obtn[disabled],.obtn:disabled{opacity:1!important;background:#374151!important;color:#f3f4f6!important;box-shadow:none!important;cursor:not-allowed}

/* ---- Bonprinter */
.prbox{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;background:var(--glass);border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin:0 0 14px}
.prtog{display:flex;align-items:center;gap:14px;margin:0}.prtog span{display:flex;flex-direction:column}.prtog b{color:#fff;font-size:17px}.prtog small{color:#cbd5e1}
.tswitch{position:relative;width:64px;height:36px;border-radius:999px;border:2px solid #94a3b8;background:#334155;cursor:pointer;flex:none;padding:0}.tswitch .knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;transition:left .15s}
.tswitch.on{background:#15803d;border-color:#4ade80}.tswitch.on .knob{left:31px}.tswitch:focus-visible{outline:3px solid #fbbf24;outline-offset:2px}
.prguide code{background:#0f1722;color:#fde68a;padding:2px 6px;border-radius:6px;word-break:break-all;font-size:13px}
.revprompt{display:flex;flex-direction:column;gap:8px;margin:12px 0}.rprow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;background:#3b2a05;border:2px solid #fbbf24;color:#fff;border-radius:14px;padding:12px 16px}.rpstar{color:#fbbf24;font-size:20px}
.rvbtn{background:#b45309!important;color:#fff!important;border:0;font-weight:800}.rvbtn:hover{background:#92400e!important}
.rvnew{display:inline-block;background:#fbbf24;color:#111;font-weight:800;border-radius:999px;padding:1px 9px;font-size:12px}.rvhead{text-decoration:none}
.rvhidden{opacity:.75;border-style:dashed!important}.revsum .r30{font-size:30px}
/* ---- per-restaurant thema (alleen menupagina /r/:id met .rt) ---- */
.rt{--rt1d:color-mix(in srgb,var(--rt1) 82%,#000);--rt2d:color-mix(in srgb,var(--rt2) 82%,#000)}
.rt:not(.rt-light) .mgrid section>h2{border-left:6px solid var(--rt1);padding-left:10px}
.rt:not(.rt-light) .madd{color:#fff;background:var(--rt1);border-color:var(--rt1)}
.rt-light{background:#fff;color:#1b1b1b;border-radius:20px;padding:12px 18px 18px;border-top:12px solid var(--rt1);border-bottom:12px solid var(--rt2);margin-top:8px;box-shadow:0 6px 30px rgba(0,0,0,.35)}
.rt-light a{color:var(--rt2d)}
.rt-light{overflow-x:clip}.rt-light .rhero{background-color:#fff!important;background-size:cover!important;background-position:center!important;height:190px!important;border:1px solid #e5e5e5}
.rt-light .rhead>div{min-width:0;overflow-wrap:anywhere}
.rt-light .rstar.none{color:#4a4a4a!important;background:#f1f1f1!important;border:1px solid #d0d0d0!important}
.rt-light .rstar{color:#1b1b1b}
.rt-light .revsec,.rt-light .revsum,.rt-light .revsum *{color:#1b1b1b}
.rt-light .rhead,.rt-light .rhead h1{color:#1b1b1b!important}
.rt-light .rhead h1{color:var(--rt1d)!important}
.rt-light .muted,.rt-light .rmeta,.rt-light summary,.rt-light .mbl small,.rt-light .small{color:#3d3d3d!important}
.rt-light .rmeta span{color:#1b1b1b}
.rt-light .rmeta .open{color:var(--rt2d)!important;font-weight:800}
.rt-light .rmeta .shut{color:var(--rt1d)!important;font-weight:800}
.rt-light .hrs p span{color:#1b1b1b}
.rt-light .mcats{background:#fff!important;border-bottom:3px solid var(--rt2)!important;backdrop-filter:none}
.rt-light .mcats a{background:#f1f1f1!important;color:#1b1b1b!important;border:1px solid #d9d9d9}
.rt-light .mcats a:hover,.rt-light .mcats a:focus-visible{background:var(--rt1)!important;color:#fff!important;border-color:var(--rt1)!important}
.rt-light .mgrid section>h2{background:var(--rt1);color:#fff!important;border-radius:14px;padding:12px 16px;margin:22px 0 12px;font-size:22px;border:2px solid var(--rt2);text-shadow:0 1px 2px rgba(0,0,0,.25)}
.rt-light .mgrid section:nth-of-type(even)>h2{background:var(--rt2);border-color:var(--rt1)}
.rt-light .mitem{background:#fff!important;border:1px solid #dcdcdc!important;box-shadow:0 1px 4px rgba(0,0,0,.08)!important;backdrop-filter:none;color:#1b1b1b}
.rt-light .mitem:hover,.rt-light .mitem:focus-visible{border-color:var(--rt1)!important;box-shadow:0 0 0 2px var(--rt1)!important}
.rt-light .mitem h4{color:var(--rt1d)}
.rt-light .mitem b{color:var(--rt2d);font-size:15px}
.rt-light .mitem .muted{color:#3d3d3d!important}
.rt-light .msur{color:#555;font-size:12px}
.rt-light .madd{background:var(--rt1)!important;color:#fff!important;border-color:var(--rt1)!important;box-shadow:none!important}
.rt-light .mbag{background:#fff!important;border:2px solid var(--rt2)!important;box-shadow:0 2px 10px rgba(0,0,0,.1)!important;backdrop-filter:none;color:#1b1b1b}
.rt-light .mbag h2{background:var(--rt2);color:#fff;margin:-16px -16px 12px;padding:12px 16px;border-radius:14px 14px 0 0}
.rt-light .mbl{border-color:#e6e6e6}
.rt-light .mq button{background:#fff;color:#1b1b1b;border-color:#bbb}
.rt-light .mtot p,.rt-light .mbag label{color:#1b1b1b}
.rt-light .mbag input,.rt-light .mbag select{background:#fff!important;color:#1b1b1b!important;border:1px solid #999!important}
.rt-light .obtn{background:var(--rt2)!important;color:#fff!important;border-color:var(--rt2)!important}
.rt-light .obtn[disabled]{background:#d6d6d6!important;color:#333!important;border-color:#bdbdbd!important}
.rt-light .short{color:var(--rt1d)!important;background:#fff3f3;border-radius:10px;padding:8px 10px}
.rt-light .rvcard,.rt-light .rvsum{background:#fafafa!important;color:#1b1b1b!important;border-color:#ddd!important}
.rt-light .rvcard *{color:#1b1b1b}
.rt-light .rlogo{background:#fff}
.dsur{color:#fde68a}
@media(max-width:700px){.rt-light{padding:8px 10px 12px;border-radius:14px}.rt-light .rhero{height:150px!important}.rt-light .rhead{flex-direction:column;gap:4px}.rt-light .rhead h1{font-size:24px}.rt-light .mgrid section>h2{font-size:19px;padding:10px 12px}}
.prstat{display:flex;flex-direction:column;gap:2px;margin:0}.prstat b{color:#4ade80;font-size:16px}.prstat[data-on="0"] b{color:#fdba74}.prstat small{color:#c9d2ea}
/* ---- bestelopties: bezorgen/afhalen, tijd, betalen, korting, uitverkocht, weigeren */
.mco fieldset.seg{border:0;padding:0;margin:8px 0;display:flex;flex-wrap:wrap;gap:8px}.mco fieldset.seg legend{font-weight:700;margin-bottom:6px;padding:0}
.ropt{flex:1 1 120px;display:flex;align-items:center;gap:8px;border:2px solid rgba(255,255,255,.35);border-radius:12px;padding:10px 12px;cursor:pointer;min-height:44px}
.ropt.on{border-color:var(--neon);background:rgba(57,255,136,.12)}.ropt input{width:20px;height:20px;accent-color:var(--neon);margin:0}.ropt small{display:block;color:var(--muted);font-size:12px}
.seg.pay .ropt{flex-basis:100%}
.pcode .row{gap:6px;flex-wrap:nowrap}.pcode input{flex:1;min-width:0;text-transform:uppercase}
.mtot .disc span{color:#4ade80;font-weight:700}
.pickup{border:2px dashed rgba(255,255,255,.4);border-radius:12px;padding:10px 12px;margin:6px 0}
.later{color:#fde68a!important;font-weight:700}.nodl{color:#fca5a5!important;font-weight:700}.dlok{color:#86efac!important;font-weight:700}
.adsel{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:10px 0}.adsel label{display:flex;flex-direction:column;gap:4px;font-weight:700}.adsel select{min-height:44px;max-width:92vw}
.sotag{display:inline-block;background:#7f1d1d;color:#fff;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:800}
.mitem.sold{opacity:.55;cursor:not-allowed;filter:grayscale(.7)}.mbl.sold b{text-decoration:line-through}
.soq{width:100%;max-width:420px;min-height:44px;margin:8px 0}.sosec h2{margin-top:18px}
.soit{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin:6px 0;background:var(--glass)}
.soit.sold{border:2px solid #ef4444;background:rgba(127,29,29,.35)}.soit .btn{min-height:44px}
.ftag,.schtag{display:inline-block;border-radius:8px;padding:3px 9px;font-weight:900;font-size:13px;letter-spacing:.3px}
.ftag.dl{background:#1e3a8a;color:#fff}.ftag.pick{background:#fde047;color:#111}.schtag{background:#f97316;color:#111}
.inco.sched{border-left:6px solid #f97316!important}
.duepay{background:#fde047;color:#111;font-weight:900;font-size:18px;border-radius:10px;padding:8px 12px;margin:8px 0}
.rej{margin-top:10px}.rej summary{cursor:pointer;color:#fca5a5;font-weight:800;min-height:32px}.rejf{display:grid;gap:8px;margin-top:8px;max-width:520px}.rejf select,.rejf input{min-height:44px}
.btn.danger{background:#b91c1c!important;border-color:#b91c1c!important;color:#fff!important}
.stampc{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:12px;font-weight:700}.stampc i{width:24px;height:24px;border-radius:50%;border:2px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;opacity:.7}.stampc i.on{background:#f59e0b;border-color:#f59e0b;color:#111;opacity:1}.stampc small{flex-basis:100%;font-weight:400;opacity:.85}
.linkbtn{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:0;font:inherit}
.oinfo2 .rmeta span{font-weight:600}
.forgot a{font-weight:700}
.rt-light .ropt{border-color:#999;color:#1b1b1b}.rt-light .ropt.on{border-color:var(--rt2);background:#eef7ef}.rt-light .ropt small{color:#444}.rt-light .pickup{border-color:#999;color:#1b1b1b}
.rt-light .later{color:#9a3412!important}.rt-light .nodl{color:#b91c1c!important}.rt-light .dlok{color:#166534!important}.rt-light .mtot .disc span{color:#166534}.rt-light .mbag .ok{color:#166534}.rt-light .mbag .err{color:#b91c1c}
.rt-light .mbag fieldset legend{color:#1b1b1b}.rt-light .stampc{color:#1b1b1b}
/* foto's Thuisbezorgd-menu: AI-label blijft zichtbaar (transparantie) */
.mimgw{position:relative;flex:none;display:block;width:92px;height:92px}.mimgw img{width:92px;height:92px;object-fit:cover;border-radius:10px;display:block}
.aitag{position:absolute;left:4px;bottom:4px;background:rgba(0,0,0,.78);color:#fff;font-size:10px;font-weight:700;line-height:1;padding:3px 5px;border-radius:5px;letter-spacing:.2px}
.aicap{margin:6px 16px 0;color:#c9d1d9}.rt-light .aicap{color:#3d3d3d}
/* bezorgers + live kaart */
.bzgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:16px;align-items:start}@media(max-width:860px){.bzgrid{grid-template-columns:1fr}}
.bzmap{height:62vh;min-height:360px;border-radius:14px;border:1px solid var(--line);overflow:hidden;background:#1b222c}.bzmap.sm{height:300px;min-height:260px}
.bzpin span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:19px;background:#fff;border:3px solid #111;box-shadow:0 2px 6px rgba(0,0,0,.5)}
.bzpin.cour span{background:#d4570b;border-color:#fff}.bzpin.dest span{background:#fff;border-color:#d4570b}.bzpin.rest span{background:#1f7a3a;border-color:#fff}
.leaflet-tooltip{font-weight:700;font-size:13px}.leaflet-container a{color:#0b5cad}
.bzlist .bzo{margin-bottom:10px;padding:10px 12px}.bzrow{margin:6px 0;gap:8px;align-items:center;flex-wrap:wrap}.bzrow select{min-width:140px}.bzlive{font-weight:700;color:#7ee787}
.bzlink .bzurl{width:min(520px,100%);font-family:ui-monospace,monospace}.bzcust{margin-top:14px}.bzcust h3{margin:0 0 8px}
.rt-light .bzlive{color:#1a7f37}
/* ===== Responsive fixes telefoon/tablet (19-10-2026) ===== */
.lbl-s{display:none}
.chk input[type=number]{width:72px!important;min-width:72px;height:38px;padding:4px 8px;font-size:16px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,iframe{max-width:100%}
main.wrap{overflow-wrap:break-word}
main.wrap table td,main.wrap table th{overflow-wrap:normal;word-break:normal}
@media(max-width:900px){
 /* tabellen met veel kolommen: horizontaal scrollen in plaats van de hele pagina breder maken */
 main.wrap table:has(tr>*:nth-child(5)):not(.otable):not(.tbl){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
 main.wrap table th{font-size:13px}
 main.wrap td,main.wrap th{white-space:normal}
 /* knoppenrijen en filters laten doorlopen op een nieuwe regel */
 .pills,.asub{flex-wrap:wrap!important;overflow:visible!important}
 .pills a,.asub a{min-height:40px;display:inline-flex;align-items:center}
 /* leesbare kleine teksten */
 .testpill{position:static!important;display:block;width:max-content;margin:10px auto 14px;font-size:13px!important;opacity:1}
 .badge,.rbadge,.ost,.ct,.def,.admtag,.msur,small.muted,.small{font-size:13px!important}
 .aitag{font-size:11px!important}
 /* tikdoelen */
 .sitefoot a{display:inline-block;padding:8px 6px;font-size:14px}
 input[type=checkbox],input[type=radio]{width:22px;height:22px;min-width:22px}
 #qm,#qp,.mq button,.qty button{min-width:40px;min-height:40px;font-size:20px}
 #mbag small,.rcard small,.rstars small{font-size:13px!important}
 .btn.sm{min-height:38px}
 /* klant-header: twee verschillende iconen in plaats van 2x 📋 */
 header.top .tnav a.tord[href="/restaurants"] span::before{content:'🍽'}
 header.top .tnav a.tord[href="/orders"] span::before{content:'🧾'}
 header.top .brand{flex-shrink:0}
 header.top .tnav>a{min-width:34px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
 header.top .tnav a[aria-label="Uitloggen"]{font-size:18px}
 /* restaurant- en beheerheader: navigatie als knoppen op een eigen regel, header niet vast */
 header.top:has(.rnav),body.adm header.top{position:relative!important;top:auto}
 header.top:has(.rnav) .topbar,body.adm header.top .topbar{height:auto!important;flex-wrap:wrap!important;padding:8px 0 10px!important;gap:8px!important}
 header.top nav.rnav,body.adm header.top nav.anav{width:100%!important;flex:1 1 100%!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;overflow:visible!important;white-space:normal}
 header.top nav.rnav a,body.adm header.top nav.anav a{font-size:15px!important;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);min-height:40px;display:inline-flex;align-items:center;gap:6px;line-height:1.2}
 header.top nav.rnav a.tord span{font-size:15px!important}
 header.top nav.rnav a.tord span::before{content:none!important}
 header.top nav.rnav a.tord span{font-size:0!important}
 header.top nav.rnav a.tord span::after{content:'📋 Bestellingen';font-size:15px}
 header.top nav.rnav a.tord,body.adm header.top nav.anav a.on{border-color:var(--orbtn,#FF8000)}
 body.adm header.top nav.anav a.on{background:var(--orbtn,#FF8000)!important;color:#fff!important}
 body.adm .admtag{order:2}
 body.adm header.top nav.anav{order:3}
 .lbl-l{display:none}.lbl-s{display:inline}
 /* restaurant-bestelkaarten */
 .inco .row{flex-wrap:wrap;gap:8px}
 .inco .bzrow{flex-wrap:wrap}
 .inco .bzrow select{flex:1 1 160px;min-height:40px}
}
@media(min-width:600px) and (max-width:900px){.lbl-l{display:inline}.lbl-s{display:none}}
@media(max-width:600px){
 main.wrap h1{font-size:26px;line-height:1.2}
 main.wrap h2{font-size:21px}
 .card{padding:16px}
}
@media(max-width:700px){
 /* bezorgerstabellen als kaarten onder elkaar */
 main.wrap table.tbl,main.wrap table.tbl tbody,main.wrap table.tbl tr,main.wrap table.tbl td{display:block;width:100%}
 main.wrap table.tbl thead{display:none}
 main.wrap table.tbl tr{border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 12px;margin:0 0 12px;background:rgba(255,255,255,.03)}
 main.wrap table.tbl td{border:0!important;padding:4px 0!important;text-align:left!important}
 main.wrap table.tbl td input:not([type=checkbox]){width:100%;max-width:100%}
}
@media(max-width:420px){header.top .tnav{gap:2px!important}header.top .blogo{height:32px}}
.omgrid p>b,.omgrid p>span:last-child{white-space:nowrap}.omgrid p{gap:8px}
/* uitklaplijsten: opties altijd goed leesbaar (donkere achtergrond, witte tekst), ook in Windows/Firefox */
select option,select optgroup{background:#141b2d!important;color:#fff!important;font-weight:700}
select option:checked,select option:hover{background:#1349b0!important;color:#fff!important}
select{color-scheme:dark}
.rt-light .mbag select option{background:#fff!important;color:#1b1b1b!important}
/* uitlogknop: SVG-icoon (⏻ werd op Android als leeg vakje getoond) */
.tlogout{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border-radius:10px;color:#fca5a5!important}
.tlogout:hover,.tlogout:focus-visible{background:rgba(252,165,165,.14)}
.tlogout .ico,.tnav .ico{display:block}

/* verleden (restaurant) + bestellingen-tabs (klant) */
.vcard .vhead{justify-content:space-between;flex-wrap:wrap;gap:8px}
.vst{display:inline-block;padding:3px 10px;border-radius:999px;font-weight:800;font-size:13px;background:rgba(80,255,170,.14);color:#7dffc0;border:1px solid rgba(80,255,170,.45)}
.v-cancelled .vst,.v-rej .vst{background:rgba(255,90,90,.14);color:#ffaaaa;border-color:rgba(255,120,120,.5)}
.v-cancelled,.v-rej{opacity:.92}
.vdate{color:#dfe6ff}.vtot{font-size:18px;color:#fff}
.vfilt{flex-wrap:wrap;gap:10px;align-items:flex-end}.vfilt input[type=date]{min-height:40px;color-scheme:dark}
.vsum{color:#dfe6ff}.vpag{justify-content:center;gap:12px;margin:14px 0;flex-wrap:wrap}
.vlink{margin:10px 0 0}.vlink a{color:var(--neon);font-weight:700}
.otabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.otabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;font-weight:800;color:#dfe6ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);text-decoration:none;min-height:44px}
.otabs a.on{background:var(--orbtn,#FF8000);border-color:var(--orbtn,#FF8000);color:#fff}
.ocnt{background:rgba(0,0,0,.35);color:#fff;border-radius:999px;padding:1px 8px;font-size:13px}
h2.osec{font-size:20px;margin:6px 0 10px;color:#fff}
@media(max-width:600px){.otabs a{flex:1 1 0;justify-content:center;padding:10px 8px;font-size:15px}.vfilt label{flex:1 1 140px}.vfilt input[type=date]{width:100%}}
@media(max-width:600px){.ocard{flex-direction:column;align-items:stretch!important}.oinfo{min-width:0;max-width:100%}.osum{white-space:normal!important}.oact{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.ost{font-size:14px!important}}
/* compacte bezorg-tracker (geen kaart): Toegewezen → Onderweg → Bijna er → Afgeleverd */
.bztr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:4px 0 8px}.bzsteps{display:flex;list-style:none;margin:0;padding:0;gap:3px}.bzsteps li{font-size:12.5px;font-weight:700;padding:3px 8px;border-radius:999px;background:#1f2937;color:#c9d1d9;white-space:nowrap}.bzsteps li.ok{background:rgba(57,255,136,.16);color:#bdf7cf}.bzsteps li.cur{background:#d4570b;color:#fff}.bztr[data-step="3"] .bzsteps li.cur{background:#238636}.bztxt{font-size:13.5px;font-weight:600;color:#e6edf3}
.rt-light .bzsteps li{background:#e5e7eb;color:#111}.rt-light .bztxt{color:#111}
@media(max-width:600px){.bzsteps li{font-size:11.5px;padding:3px 6px}}
.bzcust h3{font-size:18px}.bzli{display:block;margin-top:6px}.bzli h3{font-size:14.5px;margin:0 0 4px;color:#ffd7b8}.bzli .bztr{margin:0}
/* bezorgers vandaag + dienst-QR */
.bzday{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px!important}.bzchip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:2px solid #3a4655;background:#111827;color:#e6edf3;font-weight:700;cursor:pointer}.bzchip.on{border-color:#2ea043;background:rgba(46,160,67,.2);color:#d6ffe0}.bzchip input{width:18px;height:18px;accent-color:#2ea043;margin:0}
.bzqr summary{cursor:pointer;font-weight:700}.bzqrb{align-items:flex-start;gap:16px;margin-top:10px;flex-wrap:wrap}.bzqrb>div{flex:1 1 260px}.bzqr .qr{border-radius:8px;background:#fff;padding:4px;flex:0 0 auto}.bztbl td{vertical-align:top}.btn.danger{background:#7f1d1d;color:#fff;border-color:#b91c1c}
/* omzet per restaurant (admin) */
.orsel .row{gap:8px;flex-wrap:wrap}.orsel form{margin-top:10px}.opill{padding:8px 16px;border-radius:999px;border:2px solid #3a4655;color:#e6edf3;font-weight:800;text-decoration:none}.opill.on{background:#d4570b;border-color:#d4570b;color:#fff}.orper{margin:10px 0 0;font-size:16px}
.orcard{border-left:8px solid var(--oc,#ff7a1a)!important;margin:16px 0}.ortot{--oc:#ffffff;background:rgba(255,255,255,.06)!important}.orcard h2{margin:0;font-size:22px;color:#fff}.orhead{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.orhead .btn{margin-left:auto}
.orlogo{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#fff}.orlogo.ph{display:inline-flex;align-items:center;justify-content:center;background:var(--oc);color:#111;font-weight:900;font-size:22px}
.ornums{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ornums>div{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px}.ornums small{display:block;color:#c9d1d9;font-weight:700;font-size:13px}.ornums b{display:block;font-size:26px;color:#fff;font-weight:900;line-height:1.2}.ornums.big b{font-size:30px}.ornums .pay{border-color:var(--oc);background:rgba(46,160,67,.14)}.ornums .pay b{color:#7ee787}
.ordet{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 24px;margin-top:12px}.ordet p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#e6edf3;font-size:15px}.ordet b{color:#fff;white-space:nowrap}.orcanc{margin:8px 0 0;color:#ffb3b8!important}
@media(max-width:800px){.ornums{grid-template-columns:repeat(2,1fr)}.ordet{grid-template-columns:1fr}.ornums b{font-size:22px}}
.dzone{border:2px solid #b91c1c!important;background:rgba(127,29,29,.15)!important}.dzone h2{color:#ffb3b8}
/* visuele bezorgtracker (gelijk aan TCSS in bezorger.js) */
.bzt{margin:6px 0 8px;max-width:620px}.bzt-row{display:flex;align-items:center;gap:8px}.bzt-ic{font-size:22px;line-height:1;flex:none}.bzt-line{position:relative;flex:1;height:6px;border-radius:3px;background:#2b3440;margin:16px 4px 24px}.bzt-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p)*100%);background:linear-gradient(90deg,#d4570b,#f59e0b);border-radius:3px;transition:width 1.6s ease}.bzt-d{position:absolute;display:block;padding:0;box-sizing:border-box;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:#3a4655;border:2px solid #0a0e14}.bzt-d.bzt-ok{background:#f59e0b}.bzt-d.bzt-cur{background:#fff;box-shadow:0 0 0 2px #f59e0b}.bzt-d b{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:10.5px;font-weight:700;color:#9aa6b2;white-space:nowrap;font-style:normal}.bzt-d:first-of-type b{left:-2px;transform:none}.bzt-d:last-of-type b{left:auto;right:-2px;transform:none}.bzt-d.bzt-cur b{color:#fff}.bzt-sc{position:absolute;top:50%;left:calc(var(--p)*100%);transform:translate(-50%,-62%);font-size:24px;line-height:1;transition:left 1.6s ease;z-index:2}.bzt-sc>span{display:inline-block;transform:scaleX(-1)}.bzt.live .bzt-sc::after{content:'';position:absolute;left:50%;top:55%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid #f59e0b;animation:bztp 1.8s ease-out infinite;pointer-events:none}@keyframes bztp{0%{transform:scale(.5);opacity:.9}100%{transform:scale(1.7);opacity:0}}.bzt.stale .bzt-sc{filter:grayscale(1);opacity:.5}.bzt.stale .bzt-fill{background:#59636e}.bzt.stale .bzt-r{color:#9aa6b2}.bzt-lb{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;font-weight:700;margin-top:-2px}.bzt-l{color:#ffd7b8}.bzt-r{color:#e6edf3;text-align:right}@media(max-width:520px){.bzt-d:not(.bzt-cur) b{display:none}}@media(prefers-reduced-motion:reduce){.bzt-sc,.bzt-fill{transition:none}.bzt.live .bzt-sc::after{animation:none}}.rt-light .bzt-line{background:#d1d5db}.rt-light .bzt-d{border-color:#fff}.rt-light .bzt-d b{color:#4b5563}.rt-light .bzt-d.bzt-cur b,.rt-light .bzt-r{color:#111}.rt-light .bzt-l{color:#9a3412}.bzjs .bzsave{display:none}
.bzli .bzt{margin:2px 0 0}.bzcust .bzt{margin-top:8px}