:root{
  --bg:#0b0b0d;
  --panel:#141418;
  --panel-2:#1b1c20;
  --line:#2a2b31;
  --text:#f5f5f7;
  --muted:#b5b7c0;
  --gold:#e2b13c;
  --gold-dark:#bf8b19;
  --success:#1f9b56;
  --danger:#a53d3d;
  --radius:18px;
  --shadow:0 20px 50px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',system-ui,sans-serif;background:linear-gradient(180deg,#09090b 0%,#111215 100%);color:var(--text);line-height:1.5}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.hidden{display:none!important}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:800}
.lead{color:#d6d6db;font-size:1.06rem;max-width:65ch}
.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:rgba(11,11,13,.85);border-bottom:1px solid rgba(255,255,255,.06)}
.compact-header{position:static}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}
.brand-mark{display:grid;gap:2px;min-width:max-content}
.brand-title{font-size:2rem;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--gold)}
.brand-subtitle{font-size:.95rem;font-weight:700;letter-spacing:.18em;color:#8d8f96}
.main-nav,.header-actions,.hero-actions-block,.trust-row,.filter-bar,.success-actions,.footer-grid,.inline-options,.tip-grid,.tab-row,.dashboard-actions,.table-actions,.link-list{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.main-nav a{color:#d4d6dd;font-weight:600}
.main-nav a:hover,.site-footer a:hover,.link-list a:hover{text-decoration:underline}
.btn{border:none;border-radius:999px;padding:14px 20px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,opacity .18s ease,background .18s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dark) 100%);color:#111}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text)}
.btn-sm{padding:10px 16px;font-size:.92rem}
.btn-block{width:100%}
.hero-section{padding:56px 0 34px;background:radial-gradient(circle at top left,rgba(226,177,60,.14),transparent 35%), radial-gradient(circle at 85% 10%,rgba(226,177,60,.08),transparent 25%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}
.hero-copy h1{font-size:clamp(2.5rem,6vw,4.7rem);line-height:.96;letter-spacing:-.05em;margin:14px 0 18px;max-width:10ch}
.hero-visual-card{position:relative;background:linear-gradient(180deg,#18181b,#101013);padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:var(--shadow)}
.hero-visual-card img{width:100%;border-radius:20px;object-fit:cover;aspect-ratio:4/4.1}
.hero-badge{position:absolute;left:24px;bottom:24px;background:rgba(11,11,13,.82);border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:999px;font-weight:700}
.trust-row{margin-top:24px}
.trust-row > div,.announcement-item,.stat-card,.contact-card,.info-card,.panel{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius)}
.trust-row > div{padding:16px 18px;display:grid;gap:4px;min-width:170px}
.trust-row strong,.announcement-item strong,.stat-card strong,.contact-card strong{font-size:1rem}
.trust-row span,.announcement-item span,.contact-copy,.section-head p,.feature-list li,.info-list dd,.info-list dt,.drawer-note,.small-note,.legal-panel p,.status-message{color:var(--muted)}
.announcement-bar{padding:0 0 24px}
.announcement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.announcement-item{padding:18px}
.content-section{padding:54px 0}
.alt-bg{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01))}
.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}
.section-head h2,.section-head h1{font-size:clamp(2rem,4vw,3rem);line-height:1.02;letter-spacing:-.04em;margin:10px 0}
.section-head.centered{text-align:center;display:block}
.split-section{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
.feature-list{display:grid;gap:10px;padding-left:18px}
.info-card{padding:24px}
.info-card h3{margin-top:0}
.info-list{margin:0;display:grid;gap:14px}
.info-list div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.info-list div:last-child{border-bottom:0}
.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.featured-card,.product-card,.product-list-item{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.featured-card img,.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}
.featured-body,.product-body{padding:18px}
.card-kicker{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:800}
.card-topline{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin:8px 0 10px}
.card-topline h3,.product-body h3{margin:0;font-size:1.15rem;line-height:1.2}
.price-tag{font-weight:900;color:var(--gold)}
.card-copy,.product-body p{color:var(--muted);margin:0 0 16px}
.menu-toolbar{min-width:280px}
.search-input{width:100%;background:#111218;border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--text)}
.filter-bar{margin-bottom:26px}
.filter-chip{padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#131317;color:#f0f0f3;font-weight:700;cursor:pointer}
.filter-chip.active{background:var(--gold);color:#111;border-color:var(--gold)}
.menu-category{margin-bottom:36px}
.menu-category-header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:16px}
.menu-category-header h3{margin:0;font-size:1.65rem}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card .product-media{position:relative;background:#121216}
.product-card .product-media::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.45));pointer-events:none}
.product-actions,.featured-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.add-button{padding:12px 14px;border-radius:12px;background:var(--gold);color:#111;border:none;font-weight:800;cursor:pointer}
.product-meta{font-size:.88rem;color:#d8d8db}
.compact-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.product-list-item{padding:18px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.product-list-item h4{margin:0 0 6px}
.product-list-item p{margin:0;color:var(--muted);font-size:.94rem}
.product-list-item .item-right{display:grid;justify-items:end;gap:12px;min-width:110px}
.simple-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(226,177,60,.12);color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.status-cta{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.mini-track{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:22px;padding:22px;display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}
.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.contact-card,.legal-box{padding:18px}
.legal-box{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:22px}
.link-list{flex-direction:column;align-items:flex-start}
.drawer{position:fixed;top:0;right:-460px;width:min(440px,100%);height:100vh;background:#111216;border-left:1px solid rgba(255,255,255,.08);padding:20px;z-index:70;transition:right .24s ease;overflow:auto}
.drawer.open{right:0}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;z-index:60}
.overlay.show{display:block}
.icon-btn{border:none;background:transparent;color:var(--text);font-size:2rem;cursor:pointer}
.drawer-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}
.cart-items{display:grid;gap:14px}
.cart-item{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cart-item h4{margin:0 0 6px}
.cart-item p{margin:0;color:var(--muted);font-size:.92rem}
.qty-controls{display:flex;align-items:center;gap:10px;margin-top:10px}
.qty-controls button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#191a20;color:var(--text);cursor:pointer}
.cart-summary{margin-top:18px;display:grid;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.cart-summary > div,.price-card > div,.total-line,.price-total,.status-header-card,.dashboard-head,.status-form-grid,.info-stat-grid,.table-actions{display:flex;justify-content:space-between;gap:16px;align-items:center}
.total-line,.price-total{font-size:1.12rem;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}
dialog{border:none;padding:0;background:transparent}
dialog::backdrop{background:rgba(0,0,0,.75)}
.checkout-dialog form,.success-box{width:min(760px,calc(100vw - 24px));background:#141418;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;box-shadow:var(--shadow)}
.success-dialog .success-box{width:min(520px,calc(100vw - 24px));text-align:center}
.dialog-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}
.checkout-grid,.info-stat-grid,.stats-grid,.status-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
label{display:grid;gap:8px;font-weight:700}
input,textarea,select{width:100%;background:#111218;border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--text)}
fieldset{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;margin:16px 0}
legend{padding:0 8px;color:#f1f1f3;font-weight:800}
.inline-options label,.tip-grid label,.legal-check{display:flex;align-items:center;gap:10px;font-weight:600}
.inline-options input,.tip-grid input,.legal-check input{width:auto}
.tip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.field-note{font-size:.82rem;color:var(--muted);font-weight:500}
.notice-box{padding:14px 16px;border:1px solid rgba(226,177,60,.22);background:rgba(226,177,60,.08);border-radius:14px;color:#f2e4b9}
.price-card{display:grid;gap:10px;background:#101115;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;margin:12px 0}
.success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:linear-gradient(180deg,var(--gold),var(--gold-dark));color:#111;font-size:2rem;font-weight:900}
.site-footer{padding:42px 0;background:#08080a;border-top:1px solid rgba(255,255,255,.06)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;align-items:start}
.footer-grid h4{margin:0 0 10px}
.footer-grid a,.site-footer p{color:var(--muted);display:block;margin:6px 0}
.footer-brand{margin-bottom:10px}
.subpage-body .page-shell,.admin-page .page-shell{width:min(1100px,calc(100% - 40px));margin:34px auto 64px}
.panel{padding:28px;box-shadow:var(--shadow)}
.legal-panel h1{font-size:clamp(2rem,4vw,3rem);margin:8px 0 18px}
.status-form-grid{grid-template-columns:1fr 1fr auto;align-items:end}
.status-result{margin-top:28px}
.status-header-card{margin-bottom:18px}
.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:rgba(226,177,60,.16);color:var(--gold);font-weight:900}
.status-pill[data-status="Afgerond"]{background:rgba(31,155,86,.16);color:#85e4af}
.status-pill[data-status="Geannuleerd"]{background:rgba(165,61,61,.18);color:#ffb4b4}
.timeline-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:24px 0}
.timeline-step{display:grid;justify-items:center;gap:10px;text-align:center;padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:#111216;color:#9699a3}
.timeline-step.done,.timeline-step.active{color:#fff}
.timeline-step.done{border-color:rgba(31,155,86,.3)}
.timeline-step.active{border-color:rgba(226,177,60,.45)}
.timeline-dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:2px solid currentColor;font-weight:900}
.timeline-cancelled{padding:18px;border-radius:16px;background:rgba(165,61,61,.15);border:1px solid rgba(165,61,61,.35)}
.info-stat-grid > div{background:#101115;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;display:grid;gap:4px}
.info-stat-grid span{color:var(--muted);font-size:.9rem}
.admin-shell-wide{width:min(1320px,calc(100% - 40px))}
.login-panel{max-width:500px}
.stack-form{display:grid;gap:12px}
.dashboard-head h1{margin:6px 0 0}
.live-status{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:800}
.live-status.online{background:rgba(31,155,86,.18);color:#8fe4b3}
.live-status.connecting{background:rgba(226,177,60,.15);color:#f2d689}
.live-status.offline{background:rgba(165,61,61,.18);color:#ffb5b5}
.admin-alert{display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(180deg,var(--gold),var(--gold-dark));color:#111;padding:16px 18px;border-radius:18px;margin:18px 0;box-shadow:var(--shadow)}
.stats-grid{display:grid;gap:16px;margin:24px 0}
.six-cols{grid-template-columns:repeat(6,1fr)}
.stat-card{padding:18px}
.stat-card span{color:var(--muted);display:block;margin-bottom:8px}
.stat-card strong{font-size:1.55rem}
.tab-button{padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#131317;color:#fff;font-weight:800;cursor:pointer}
.tab-button.active{background:var(--gold);color:#111;border-color:var(--gold)}
.table-wrap{overflow:auto}
.data-table{width:100%;border-collapse:collapse;min-width:1040px}
.data-table th,.data-table td{padding:14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}
.data-table th{color:var(--gold);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}
.status-select{background:#111218;border:1px solid var(--line);color:#fff;border-radius:12px;padding:10px 12px}
.mail-link{color:var(--gold);font-weight:700;text-decoration:underline}
.product-empty{padding:18px;border:1px dashed rgba(255,255,255,.12);border-radius:16px;color:var(--muted)}
@media (max-width: 1100px){
  .hero-grid,.split-section,.contact-grid,.status-cta,.footer-grid{grid-template-columns:1fr}
  .featured-grid,.product-grid,.contact-cards,.announcement-grid,.six-cols{grid-template-columns:repeat(2,1fr)}
  .mini-track,.status-form-grid{grid-template-columns:1fr}
}
@media (max-width: 780px){
  .main-nav{display:none}
  .header-row{align-items:flex-start}
  .hero-copy h1{max-width:none}
  .featured-grid,.product-grid,.compact-list,.announcement-grid,.contact-cards,.checkout-grid,.info-stat-grid,.six-cols,.tip-grid{grid-template-columns:1fr}
  .section-head,.menu-category-header,.dashboard-head,.table-actions,.status-header-card{display:grid;gap:12px}
  .product-list-item{display:grid}
  .cart-summary > div,.price-card > div,.total-line,.price-total,.admin-alert,.dashboard-actions{align-items:flex-start;display:grid}
  .drawer{width:100%}
}


/* V4.1 — BRAND, CONTRAST & PLAYFUL DETAILS */
:root{
  --orange:#f2c230;
  --orange-2:#ffd84d;
  --cream:#fff9e8;
  --ink:#111114;
}
body{font-family:'Inter',system-ui,sans-serif;background:#0a0a0c;color:#fff}
h1,h2,h3,h4,.brand-title,.btn,.filter-chip,.tab-button,.price-tag,.simple-badge,.status-pill,.eyebrow{
  font-family:'Lilita One','Cooper Black',Georgia,serif;
  font-weight:400;
  letter-spacing:.01em;
}
.brand-title{font-size:2.25rem;color:var(--orange);text-shadow:0 2px 0 rgba(0,0,0,.25)}
.brand-subtitle{font-family:'Inter',sans-serif;font-weight:900;color:#f4f4f4;letter-spacing:.16em}
.site-header{background:rgba(9,9,11,.94);border-bottom:1px solid rgba(242,194,48,.22)}
.main-nav a{color:#f4f4f6}.main-nav a:hover{color:var(--orange)}
.btn-primary,.add-button{background:linear-gradient(180deg,var(--orange-2),var(--orange));color:#fff;box-shadow:0 8px 24px rgba(242,194,48,.22)}
.btn-primary:hover,.add-button:hover{filter:brightness(1.08)}
.btn-ghost{background:#17171b;border:1px solid #3b3b43;color:#fff}
.eyebrow{color:var(--orange);font-size:.86rem}
.hero-section{background:
  radial-gradient(circle at 18% 8%,rgba(255,90,0,.24),transparent 31%),
  radial-gradient(circle at 90% 15%,rgba(255,177,64,.13),transparent 25%),
  linear-gradient(180deg,#0b0b0d,#0e0e11)}
.hero-copy h1{font-family:'Lilita One','Cooper Black',Georgia,serif;font-weight:400;letter-spacing:.005em;line-height:.93;text-transform:none}
.hero-copy .lead{font-size:1.12rem;color:#ececf0}
.hero-visual-card{border:1px solid rgba(255,90,0,.28);box-shadow:0 30px 80px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.03)}
.hero-badge{background:#fff;color:#161616;font-family:'Lilita One','Cooper Black',serif;font-size:1.05rem;border:none}
.hero-sticker{position:absolute;right:-14px;top:28px;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--orange);color:white;border:5px solid #fff;font-family:'Lilita One','Cooper Black',serif;font-size:1.2rem;line-height:.9;transform:rotate(8deg);box-shadow:0 16px 30px rgba(0,0,0,.35)}
.brand-strip{overflow:hidden;background:var(--orange);color:#fff;border-block:3px solid #fff7d6}
.brand-strip-track{display:flex;gap:22px;align-items:center;justify-content:center;white-space:nowrap;padding:12px 16px;font-family:'Lilita One','Cooper Black',serif;font-size:1.08rem;letter-spacing:.04em}
.brand-strip-track i{font-style:normal;color:#fff9dc}
.announcement-item,.trust-row>div,.info-card,.panel,.featured-card,.product-card,.product-list-item,.legal-box,.contact-card{background:#151519;border-color:#2e2f35}
.announcement-item strong,.contact-card strong{font-family:'Lilita One','Cooper Black',serif;font-size:1.1rem;color:#fff}
.section-head h2,.section-head h1,.menu-category-header h3,.legal-panel h1{font-family:'Lilita One','Cooper Black',serif;font-weight:400}
.featured-card,.product-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.featured-card:hover,.product-card:hover{transform:translateY(-4px);border-color:rgba(255,90,0,.45);box-shadow:0 24px 55px rgba(0,0,0,.45)}
.card-kicker{font-family:'Lilita One','Cooper Black',serif;color:var(--orange);font-size:.92rem}
.price-tag{color:#f5cc45;font-size:1.08rem}
.filter-chip{background:#18181c;border-color:#3a3b42;color:#fff;font-size:1rem}
.filter-chip:hover{border-color:var(--orange);color:#fff}
.filter-chip.active{background:var(--orange);border-color:var(--orange);color:#fff}
.simple-badge{background:rgba(242,194,48,.13);color:#f5cc45}
.product-list-item{border-left:4px solid transparent;transition:border-color .16s ease,background .16s ease}
.product-list-item:hover{border-left-color:var(--orange);background:#19191e}

/* Checkout/readability: explicit high contrast */
dialog,.checkout-dialog,.success-dialog{color:#fff}
.checkout-dialog form,.success-box{background:#121216;color:#fff;border:1px solid #35363d}
.checkout-dialog h2,.checkout-dialog legend,.checkout-dialog label,.checkout-dialog .dialog-head,.checkout-dialog .price-card,.checkout-dialog .legal-check,.success-box h2,.success-box p{color:#fff}
.checkout-dialog .field-note,.checkout-dialog .small-note,.checkout-dialog .drawer-note{color:#c7c8cf}
.checkout-dialog input,.checkout-dialog textarea,.checkout-dialog select{
  background:#f8f8fa;
  color:#111114;
  border:2px solid #fff;
  caret-color:#111;
}
.checkout-dialog input::placeholder,.checkout-dialog textarea::placeholder{color:#666973;opacity:1}
.checkout-dialog input:focus,.checkout-dialog textarea:focus,.checkout-dialog select:focus{outline:3px solid rgba(242,194,48,.38);border-color:var(--orange)}
.checkout-dialog fieldset{background:#1a1a1f;border:1px solid #3d3e46}
.inline-options label,.tip-grid label{
  background:#24242a;
  color:#fff;
  border:1px solid #45464f;
  border-radius:13px;
  padding:12px 14px;
  cursor:pointer;
}
.inline-options label:has(input:checked),.tip-grid label:has(input:checked){background:rgba(242,194,48,.18);border-color:var(--orange)}
.inline-options input,.tip-grid input,.legal-check input{accent-color:var(--orange)}
.notice-box{background:#25210d;color:#fff8df;border-color:#6e5b13}
.price-card{background:#1b1b20;border-color:#41424a;color:#fff}
.price-card span{color:#d9dae0}.price-card strong{color:#fff}.price-total strong{color:#f5cc45}
.legal-check a{color:#f5d76e;text-decoration:underline}
.checkout-dialog .btn-primary{color:#fff}

/* Cart contrast */
.drawer{background:#101014;color:#fff;border-left-color:#35363d}
.drawer h2,.drawer h4,.drawer strong,.drawer span{color:#fff}
.drawer p,.drawer-note{color:#c2c3c9}
.qty-controls button{background:#24242a;color:#fff;border-color:#4a4b53}

/* Order status + admin */
.status-form-grid label,.stack-form label{color:#fff}
.status-form-grid input,.stack-form input{background:#f7f7f8;color:#111;border-color:#fff}
.status-message{color:#e7e7eb}
.data-table{color:#f7f7f8}.data-table td{color:#e5e6ea}
.data-table th{color:#f5cc45}
.status-select{background:#f5f5f7;color:#111;border:1px solid #fff}
.mail-link{color:#f5d76e}
.tab-button.active{background:var(--orange);border-color:var(--orange);color:#fff}
.live-status.online{background:#123922;color:#8df0b6}.live-status.connecting{background:#49300f;color:#ffe99a}.live-status.offline{background:#421a1a;color:#ffc2c2}
.admin-alert{background:var(--orange);color:#fff}

/* Decorative section accents */
.content-section .section-head h2::after,.split-section h2::after,.status-cta h2::after{content:"";display:block;width:74px;height:7px;margin-top:14px;border-radius:999px;background:linear-gradient(90deg,var(--orange),#ffe27a)}
.status-cta,.info-card,.legal-box{position:relative;overflow:hidden}
.status-cta::before,.info-card::before,.legal-box::before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(255,90,0,.07);right:-70px;top:-70px;pointer-events:none}
.site-footer{background:#060608;border-top:3px solid var(--orange)}
.footer-grid h4{font-family:'Lilita One','Cooper Black',serif;font-size:1.15rem;color:#fff}

@media(max-width:780px){
  .brand-title{font-size:1.85rem}
  .header-actions .btn-ghost{display:none}
  .hero-sticker{right:8px;top:18px;width:72px;height:72px;font-size:1rem}
  .brand-strip-track{justify-content:flex-start;overflow:auto}
}

/* V5 production prep */
.review-section{background:radial-gradient(circle at 10% 30%,rgba(255,215,0,.08),transparent 28%)}
.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card{padding:22px;border-radius:20px;background:var(--panel);border:1px solid rgba(255,255,255,.07)}.review-card p{font-size:1.15rem;font-weight:800}.review-card span{color:var(--muted);font-size:.9rem}.stars{color:var(--gold);letter-spacing:.08em}.address-check-row,.eta-row,.admin-filter-row,.route-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.address-result{font-size:.88rem;color:var(--muted)}.address-result.good{color:#8ce0ad}.address-result.bad{color:#ff9c9c}.address-result.warn{color:#ffd966}.disabled-option{opacity:.55}.date-filter{display:flex;align-items:center;gap:8px;margin:0}.date-filter select{width:auto;padding:9px 12px}.admin-filter-row{justify-content:space-between;margin:18px 0}.status-stack{display:grid;gap:8px}.eta-select{padding:8px 9px}.mini-action{border:none;border-radius:9px;background:var(--gold);color:#111;padding:8px 10px;font-weight:900;cursor:pointer}.route-planner-box{width:min(800px,calc(100vw - 24px));background:#141418;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;box-shadow:var(--shadow)}.route-groups{display:grid;gap:12px;margin-top:16px}.route-group{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#0f1014;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:16px}.route-group p{color:#d8d8de}.route-group small{color:var(--muted)}.health-summary{margin:12px 0 20px}.health-card{padding:16px;border-radius:14px;background:#111216;border:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:12px}.health-ok{border-color:rgba(31,155,86,.4)}.health-bad{border-color:rgba(165,61,61,.5)}
@media(max-width:780px){.review-grid{grid-template-columns:1fr}.route-group,.health-card{display:grid}.admin-filter-row{align-items:stretch}}


/* V5.1 targeted fixes: spacing, legal text and staff shortcut */
.announcement-item,.contact-card{display:grid;gap:7px;align-content:start}
.announcement-item strong,.announcement-item span,.contact-card strong,.contact-card span{display:block}
.legal-check{align-items:flex-start!important;gap:12px!important;line-height:1.55;margin:16px 0}
.legal-check>input{flex:0 0 auto;margin-top:5px}
.legal-check>span{display:block;min-width:0}
.admin-header-link{white-space:nowrap}
.address-check-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}
.address-result{display:inline-block;color:var(--muted);line-height:1.45}
.address-result.good{color:#8fe4b3}
.address-result.bad{color:#ffb5b5}
.address-result.warn{color:#ffe99a}
input[readonly]{opacity:.92;cursor:default}
@media (max-width:780px){.admin-header-link{display:inline-flex}.header-actions{gap:8px}.header-actions .btn-sm{padding:9px 12px;font-size:.82rem}}

/* v6.2 fixes */
.admin-header-link{display:inline-flex}
.trust-row>div,.announcement-item,.contact-card{display:flex;flex-direction:column;gap:6px}
.announcement-item strong,.contact-card strong,.trust-row strong{display:block}
.announcement-item span,.contact-card span,.trust-row span{display:block;line-height:1.45}
.contact-copy{max-width:720px}
.inline-options{display:flex;flex-wrap:wrap;gap:12px}
.inline-options label{display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.02)}
.inline-options input{margin:0}
.disabled-option{opacity:.6}
.checkout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.schedule-box{margin-top:14px}
.address-check-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}
.address-result{font-size:.95rem;opacity:.86}
.address-result.good{color:#83f58d}
.address-result.warn{color:#ffd861}
.address-result.bad{color:#ff9a9a}
.small-note{display:block;line-height:1.55}
.field-note{font-size:.82rem;opacity:.75;font-weight:600}
.legal-check{display:flex;align-items:flex-start;gap:12px}
.legal-check input{margin-top:4px}
.status-stack{display:flex;flex-direction:column;gap:8px}
.eta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.eta-row input,.eta-row select{min-width:160px}
.mini-action{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-weight:700;cursor:pointer}
.panel.hidden{display:none}
.admin-filter-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.health-summary{margin-bottom:16px}
.health-card{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03);margin-bottom:12px}
.health-ok{box-shadow:0 0 0 1px rgba(90,208,129,.28) inset}
.health-bad{box-shadow:0 0 0 1px rgba(255,120,120,.28) inset}
.route-group{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.03);margin-bottom:12px}
.route-group p,.route-group small{margin:6px 0 0}
.status-pill.live{background:rgba(38,189,93,.22);color:#8ff0b1;border-color:rgba(38,189,93,.34)}
.date-filter{display:flex;align-items:center;gap:10px}
@media (max-width: 780px){
  .checkout-grid{grid-template-columns:1fr}
  .route-group,.health-card{flex-direction:column}
}

/* V9: menu zonder foto, compacte prijsuitlijning, adres en kortingscodes */
.menu-no-image-card{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  min-height:0;
  padding:22px 24px;
  border:1px solid #2e2f35;
  border-radius:22px;
  background:#151519;
  box-shadow:var(--shadow);
}
.menu-no-image-card .product-headline{margin:4px 0 8px}
.menu-no-image-card .product-desc{max-width:760px;margin:0 0 12px;color:var(--muted)}
.menu-no-image-card .btn{align-self:center;white-space:nowrap}

.product-list-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center!important;
  gap:22px!important;
  min-height:150px;
}
.product-list-item>div:first-child{min-width:0}
.product-list-item h3{margin:7px 0 8px;font-size:1.08rem}
.product-list-item .list-actions{
  min-width:132px;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  gap:12px;
}
.product-list-item .list-actions strong{
  display:block;
  min-width:100%;
  text-align:right;
  font-size:1.08rem;
  white-space:nowrap;
}
.product-list-item .list-actions .btn{min-width:110px}

#addressFields input[name="street"],
#addressFields input[name="city"]{
  background:#fff;
  color:#19191e;
}
#addressFields input[name="street"]::placeholder,
#addressFields input[name="city"]::placeholder{color:#6f727c}

.discount-box{
  margin:16px 0;
  padding:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.025);
}
.discount-box>label{display:block;margin-bottom:9px;font-weight:800}
.discount-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.discount-row input{text-transform:uppercase}
.discount-result{display:block;margin-top:9px;color:var(--muted);font-size:.9rem;line-height:1.4}
.discount-result.good{color:#8ce0ad}
.discount-result.bad{color:#ff9c9c}
.discount-result.warn{color:#ffd966}

.discount-admin-form{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:18px 0 12px;
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:#111216;
}
.discount-admin-form label{display:grid;gap:7px}
.discount-admin-form .btn{align-self:end;min-height:48px}
.discount-admin-head{align-items:flex-start}

@media(max-width:780px){
  .menu-no-image-card{grid-template-columns:1fr}
  .menu-no-image-card .btn{justify-self:start}
  .product-list-item{grid-template-columns:1fr!important;min-height:0}
  .product-list-item .list-actions{width:100%;min-width:0;flex-direction:row;align-items:center;justify-content:space-between}
  .product-list-item .list-actions strong{min-width:0;text-align:left}
  .discount-row{grid-template-columns:1fr}
  .discount-admin-form{grid-template-columns:1fr}
}