/* Additions to Bashar's «مائدة» design (maida_design.css is his file, unchanged) */
.md-banner{margin:10px 16px 0;padding:9px 12px;border-radius:14px;font-size:12px;text-align:center;background:var(--pill);border:1px solid var(--pill-b);color:var(--muted)}
.md-banner.warn{color:var(--gold);border-color:rgba(233,185,73,.35)}
.card.md-off{opacity:.55}
.card .im svg,.chip .t svg,.vcat svg{color:var(--muted)}
.dock button{position:relative}
.md-n{position:absolute;top:-6px;inset-inline-end:-4px;min-width:20px;height:20px;border-radius:10px;background:var(--accent);color:#fff;font-size:11px;font-style:normal;display:grid;place-items:center;padding:0 5px}
.md-stage{min-height:300px;display:grid;place-items:center}
.md-stage::before{display:none}
.md-stage .md-ph{position:relative;left:auto;translate:none;width:86%;max-height:340px;opacity:1}
.ntiles.md-one{grid-template-columns:1fr;max-width:140px;margin:10px auto 0}
.md-now{display:flex;align-items:center;gap:8px;width:100%;border:1.5px dashed var(--pill-b);background:var(--pill);border-radius:16px;padding:10px 12px;cursor:pointer;text-align:start;color:var(--text)}
.md-now small{margin-inline-start:auto;color:var(--muted);font-size:11px}
.md-now svg{color:var(--gold)}
.md-now.on{border-style:solid;border-color:var(--accent);background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#fff}
.md-now.on svg,.md-now.on small{color:#fff}
.md-now.sm{width:auto;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}
.cta{display:flex;gap:10px;align-items:center}
.cta .md-q{margin:0;flex:none}
.cta button:disabled{opacity:.45;cursor:not-allowed}
.md-lines{display:flex;flex-direction:column;gap:10px;padding:6px 14px}
.md-line{background:var(--sec);border:1px solid var(--line);border-radius:18px;padding:10px 12px}
.md-line.now{border-color:var(--accent)}
.md-l1{display:flex;justify-content:space-between;gap:10px;font-size:13px}
.md-lp{color:var(--price);font-weight:700;white-space:nowrap}
.md-l2{display:flex;justify-content:space-between;align-items:center;margin-top:8px}
.md-l2 .qty{margin:0}
.md-in{width:100%;margin-top:8px;border:1px solid var(--pill-b);background:var(--pill);color:var(--text);border-radius:12px;padding:8px 10px;font:inherit;font-size:12px}
.md-sum{display:flex;justify-content:space-between;padding:12px 18px 0;font-size:14px}
.md-sum b{color:var(--price)}
.md-empty{padding:40px 20px;text-align:center;color:var(--muted)}
.md-done{text-align:center;padding:40px 20px}
.md-ok{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-3))}
.md-done b{font-size:17px}.md-done p{color:var(--muted)}
.md-n[hidden]{display:none}
/* v2: monochrome SVG icons (currentColor) instead of emoji / text symbols */
.x,.more,.qty button{color:var(--text)}
.x svg,.more svg,.qty button svg,.plus svg{display:block;margin:auto}
.qty button{display:grid;place-items:center;padding:0}
.qty button:last-child{color:#fff}
.nt .md-e{display:grid;place-items:center}
.md-ok svg{display:block}
/* v2: elegant card toast on the menu theme (light / dark), no plain dark bar */
.toast.md-toast{display:flex;align-items:center;gap:10px;text-align:start;padding:9px 14px 9px 9px;border-radius:18px;
  background:var(--modal);color:var(--text);border:1px solid var(--pill-b);
  box-shadow:0 14px 34px rgba(0,0,0,.28),0 2px 8px rgba(0,0,0,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  font-weight:600;min-width:200px;max-width:min(86vw,420px)}
:root:not([data-theme=night]) .toast.md-toast{background:var(--card);box-shadow:var(--card-sh)}
[dir=rtl] .toast.md-toast{padding:9px 9px 9px 14px}
.md-ti{flex:none;width:30px;height:30px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-3))}
.md-toast.md-t-ok .md-ti,.md-toast.md-t-bell .md-ti{background:linear-gradient(135deg,var(--accent),var(--accent-3))}
.md-toast.md-t-info .md-ti{background:var(--pill);color:var(--gold);border:1px solid rgba(233,185,73,.35)}
.md-toast.md-t-err .md-ti{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}
.md-toast #toastT{line-height:1.35}

/* inside the Afghan House site header (theme_afghan_house.appbar): the site owns the logo, the
   navigation and the light / dark toggle; the menu bar below keeps only the table badge (+ language
   when the site header has no switch) */
.md-site #maida{--hdr:46px}
.md-site .hdr .brand,.md-site .side .logo{display:none}
.md-site .hdr .pills{margin-inline-start:0}
.md-site .side{padding-top:16px}
.md-site.md-has-lang .seg{display:none}
/* allergen icons (images only, no text): small row at the bottom side of the dish sheet */
.md-alg{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px 4px;margin-top:4px}
.md-alg img{width:30px;height:30px;object-fit:contain;border-radius:50%;box-shadow:0 0 0 1.5px rgba(0,0,0,.08)}
[data-theme="night"] .md-alg img{box-shadow:0 0 0 1.5px rgba(255,255,255,.18)}