/* Mesa Reservada — carrito (barra flotante + cajón de pedido) */
:root{--mrc-bg:#EFE8DA;--mrc-ink:#1F241F;--mrc-laurel:#2E3A2C;--mrc-green:#4E6B3E;--mrc-malbec:#58272D;--mrc-manteca:#E5DCCB;--mrc-line:rgba(46,58,44,.16);--mrc-r:8px;--mrc-ease:cubic-bezier(.19,1,.22,1)}
html.mrc-lock,html.mrc-lock body{overflow:hidden}

/* ---- Botón "Agregar al carrito" y selector – n + ---- */
.mrc-add{appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border:1px solid var(--mrc-laurel);border-radius:var(--mrc-r);background:var(--mrc-laurel);color:var(--mrc-bg);font:500 11px/1 'Archivo',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:background-color .4s,border-color .4s}
.mrc-add:hover{background:var(--mrc-green);border-color:var(--mrc-green)}
.mrc-add--off{background:transparent!important;color:var(--mrc-malbec)!important;border-color:rgba(88,39,45,.4)!important;cursor:default}
.mrc-step{display:inline-grid;grid-template-columns:44px minmax(34px,auto) 44px;align-items:center;min-height:44px;border:1px solid var(--mrc-laurel);border-radius:var(--mrc-r);overflow:hidden;color:var(--mrc-laurel);background:transparent}
.mrc-step button{appearance:none;border:0;background:transparent;color:inherit;height:100%;min-height:42px;font:400 20px/1 'Archivo',system-ui,sans-serif;cursor:pointer;transition:background-color .3s}
.mrc-step button:hover{background:rgba(46,58,44,.08)}
.mrc-step output{text-align:center;font:500 14px/1 'Archivo',system-ui,sans-serif}
.mrc-step--sm{grid-template-columns:34px 28px 34px;min-height:34px}
.mrc-step--sm button{min-height:32px;font-size:16px}

/* En las tarjetas de la carta (texto claro sobre foto) */
.mrc-slot{display:inline-flex;margin-left:auto;margin-right:10px}
.mrc-add--card{min-height:36px;padding:0 14px;font-size:10px;background:var(--mrc-manteca);border-color:var(--mrc-manteca);color:var(--mrc-laurel)}
.mrc-add--card:hover{background:#fff;border-color:#fff}
.mrc-step.mrc-add--card{background:rgba(31,36,31,.35);border-color:var(--mrc-manteca);color:var(--mrc-manteca);grid-template-columns:34px 28px 34px;min-height:36px;padding:0}
.mrc-step.mrc-add--card button{min-height:34px;font-size:16px}
.mr-dish:has(.mr-dish-media--empty) .mrc-add--card:not(.mrc-step):not(.mrc-add--off){background:var(--mrc-laurel);border-color:var(--mrc-laurel);color:var(--mrc-manteca)}
.mr-dish:has(.mr-dish-media--empty) .mrc-step.mrc-add--card{background:transparent;border-color:var(--mrc-laurel);color:var(--mrc-laurel)}
.mrc-add--off.mrc-add--card{color:var(--mrc-manteca)!important;border-color:rgba(229,220,203,.55)!important}

/* En el hero del plato */
.mrc-add--hero,.mrc-step.mrc-add--hero{width:100%;min-height:48px}
.mrc-step.mrc-add--hero{grid-template-columns:48px 1fr 48px;background:transparent;color:var(--mrc-laurel)}

/* ---- Barra flotante ---- */
.mrc-bar{position:fixed;z-index:120;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 12px 12px 18px;border:0;border-radius:var(--mrc-r);background:var(--mrc-laurel);color:var(--mrc-manteca);box-shadow:0 14px 40px rgba(20,24,20,.28);cursor:pointer;font:500 11px/1 'Archivo',system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:left;transition:transform .5s var(--mrc-ease),opacity .4s}
.mrc-bar[hidden]{display:none}
.mrc-bar-info{font-weight:400;letter-spacing:.06em;opacity:.9}
.mrc-bar-info b{font-weight:500}
.mrc-bar-cta{background:var(--mrc-manteca);color:var(--mrc-laurel);border-radius:calc(var(--mrc-r) - 2px);padding:11px 14px}
.mrc-bar.is-pulse{animation:mrc-pulse .6s var(--mrc-ease)}
@keyframes mrc-pulse{40%{transform:translateY(-4px) scale(1.015)}}
@media (min-width:760px){.mrc-bar{left:auto;right:28px;bottom:28px;width:auto;min-width:420px}}

/* ---- Cajón del pedido ---- */
.mrc-scrim{position:fixed;inset:0;z-index:130;background:rgba(20,24,20,.45);opacity:0;transition:opacity .45s}
.mrc-scrim[hidden]{display:none}
.mrc.is-open .mrc-scrim{opacity:1}
.mrc-drawer{position:fixed;z-index:140;left:0;right:0;bottom:0;max-height:92svh;display:flex;flex-direction:column;background:var(--mrc-bg);color:var(--mrc-ink);border-radius:var(--mrc-r) var(--mrc-r) 0 0;transform:translateY(100%);transition:transform .55s var(--mrc-ease);box-shadow:0 -10px 40px rgba(20,24,20,.2)}
.mrc-drawer[hidden]{display:none}
.mrc.is-open .mrc-drawer{transform:none}
@media (min-width:760px){
  .mrc-drawer{left:auto;top:0;bottom:0;width:440px;max-height:none;border-radius:0;transform:translateX(100%)}
}
.mrc-head{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 16px;border-bottom:1px solid var(--mrc-line)}
.mrc-head h2{margin:0;font-family:'EB Garamond',Georgia,serif;font-weight:400;font-size:26px;letter-spacing:.06em;text-transform:uppercase;color:var(--mrc-laurel)}
.mrc-x{appearance:none;border:0;background:none;font-size:28px;line-height:1;color:var(--mrc-laurel);cursor:pointer;padding:4px 8px}
.mrc-body{flex:1;overflow:auto;padding:8px 22px 22px;overscroll-behavior:contain}
.mrc-items{list-style:none;margin:0;padding:0}
.mrc-item{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--mrc-line)}
.mrc-thumb{width:52px;height:52px;border-radius:6px;overflow:hidden;background:#E4DBCA}
.mrc-thumb img{width:100%;height:100%;object-fit:cover}
.mrc-info{display:flex;flex-direction:column;gap:5px;min-width:0}
.mrc-info strong{font:500 12px/1.3 'Archivo',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mrc-laurel)}
.mrc-info em{font:400 13px/1 'Archivo',system-ui,sans-serif;font-style:normal;color:var(--mrc-ink);opacity:.8}
.mrc-empty{font:300 15px/1.5 'Archivo',system-ui,sans-serif;margin:22px 0 8px}
.mrc-empty[hidden]{display:none}
.mrc-min{margin:18px 0 6px;font:400 13px/1.45 'Archivo',system-ui,sans-serif;color:var(--mrc-malbec)}
.mrc-min.is-ok{color:var(--mrc-green)}
.mrc-min i{display:block;height:3px;margin-top:10px;border-radius:3px;background:linear-gradient(90deg,currentColor var(--p,0%),rgba(46,58,44,.12) var(--p,0%))}
.mrc-form{display:grid;gap:14px;margin-top:22px}
.mrc-days{border:0;margin:0;padding:0}
.mrc-days legend,.mrc-field span{display:block;margin-bottom:8px;font:500 10px/1 'Archivo',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mrc-laurel)}
.mrc-days>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mrc-day{position:relative}
.mrc-day input{position:absolute;opacity:0;inset:0}
.mrc-day span{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--mrc-line);border-radius:var(--mrc-r);font:500 12px/1 'Archivo',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--mrc-laurel);cursor:pointer;transition:background-color .3s,color .3s,border-color .3s}
.mrc-day input:checked+span{background:var(--mrc-laurel);border-color:var(--mrc-laurel);color:var(--mrc-manteca)}
.mrc-day input:focus-visible+span{outline:2px solid var(--mrc-green);outline-offset:2px}
.mrc-field input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--mrc-line);border-radius:var(--mrc-r);background:rgba(255,255,255,.45);font:400 15px/1 'Archivo',system-ui,sans-serif;color:var(--mrc-ink)}
.mrc-field input:focus{outline:2px solid var(--mrc-green);outline-offset:1px;border-color:transparent}
.mrc-foot{padding:16px 22px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--mrc-line);background:var(--mrc-bg)}
.mrc-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;font:500 11px/1 'Archivo',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mrc-laurel)}
.mrc-total b{font-size:20px;letter-spacing:.02em;font-weight:500}
.mrc-send{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:var(--mrc-r);background:var(--mrc-laurel);color:var(--mrc-manteca);font:500 12px/1 'Archivo',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background-color .4s,opacity .4s}
.mrc-send:hover{background:var(--mrc-green)}
.mrc-send.is-disabled{opacity:.35;pointer-events:none}
.mrc-note{margin:10px 0 0;font:300 12px/1.4 'Archivo',system-ui,sans-serif;color:var(--mrc-ink);opacity:.7;text-align:center}

/* Cuando hay pedido, el zócalo deja lugar para la barra */
html.mrc-has-items .v8-foot{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
@media (prefers-reduced-motion:reduce){.mrc-drawer,.mrc-scrim,.mrc-bar{transition:none}.mrc-bar.is-pulse{animation:none}}
html body .mr-dish:has(.mr-dish-media--empty) .mr-dish-content .mrc-add--card:not(.mrc-step):not(.mrc-add--off){background:var(--mrc-laurel)!important;border-color:var(--mrc-laurel)!important;color:var(--mrc-manteca)!important}
html body .mr-dish:has(.mr-dish-media--empty) .mr-dish-content .mrc-step.mrc-add--card,html body .mr-dish:has(.mr-dish-media--empty) .mr-dish-content .mrc-step.mrc-add--card *{color:var(--mrc-laurel)!important;border-color:var(--mrc-laurel)!important}
/* Desktop (4 por fila): sin flecha, la tarjeta entera ya lleva al plato; precio + botón */
@media (min-width:760px){
  html body .mr-carta .mr-dish .mr-round-link{display:none!important}
  html body .mr-carta .mrc-slot{margin-right:0}
}

/* Confirmación: pedido enviado */
.mrc-done{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:48px 28px calc(36px + env(safe-area-inset-bottom,0px));flex:1}
.mrc-done[hidden]{display:none}
.mrc.is-done .mrc-body,.mrc.is-done .mrc-foot{display:none}
.mrc-done-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid var(--mrc-green);color:var(--mrc-green);font-size:24px}
.mrc-done h3{margin:4px 0 0;font-family:'EB Garamond',Georgia,serif;font-weight:400;font-size:30px;letter-spacing:.04em;text-transform:uppercase;color:var(--mrc-laurel)}
.mrc-done p{margin:0;max-width:330px;font:300 15px/1.55 'Archivo',system-ui,sans-serif;color:var(--mrc-ink)}
.mrc-done .mrc-send{width:100%;max-width:330px;margin-top:10px;border:0;cursor:pointer}
.mrc-retry{font:400 13px/1.4 'Archivo',system-ui,sans-serif;color:var(--mrc-laurel);opacity:.75;text-decoration:underline;text-underline-offset:3px}
/* Plato sin stock en la carta: foto apagada */
.mr-dish.is-sin-stock .mr-dish-media img{filter:grayscale(.6) brightness(.85)}

/* ---- Tarjeta: precio + "Agregar al carrito" (relleno) + "Ver plato" (línea) ---- */
html body .mr-carta .mr-dish .mr-round-link{display:none!important}
html body .mr-carta .mr-dish-bottom{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}
html body .mr-carta .mr-dish-price{flex:1 0 100%;margin:0 0 4px!important}
html body .mr-carta .mrc-slot{margin:0!important;flex:1 1 auto;display:flex}
html body .mr-carta .mrc-slot>.mrc-add,html body .mr-carta .mrc-slot>.mrc-step{width:100%}
html body .mr-carta .mrc-add--card:not(.mrc-step){padding:0 12px;letter-spacing:.1em}
html body .mr-carta .mrc-step.mrc-add--card{grid-template-columns:36px 1fr 36px}
.mr-dish-ver{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid rgba(229,220,203,.7);border-radius:var(--mrc-r);color:var(--mrc-manteca);font:500 10px/1 'Archivo',system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color .4s,color .4s,border-color .4s}
.mr-dish-ver:hover{background:var(--mrc-manteca);border-color:var(--mrc-manteca);color:var(--mrc-laurel)}
html body .mr-dish:has(.mr-dish-media--empty) .mr-dish-ver{border-color:rgba(46,58,44,.45);color:var(--mrc-laurel)}
html body .mr-dish:has(.mr-dish-media--empty) .mr-dish-ver:hover{background:var(--mrc-laurel);border-color:var(--mrc-laurel);color:var(--mrc-manteca)}
html body .mr-carta .mrc-slot{flex:1 1 130px!important;min-width:0}
html body .mr-carta .mrc-add--card:not(.mrc-step){padding:0 10px!important;letter-spacing:.07em!important;font-size:9.5px!important;min-width:0}
html body .mr-carta .mr-dish-ver{padding:0 12px;letter-spacing:.07em;font-size:9.5px}
@media (max-width:759px){
  html body .mr-carta .mrc-add--card:not(.mrc-step),html body .mr-carta .mr-dish-ver{font-size:10px!important;letter-spacing:.1em!important;min-height:40px}
  html body .mr-carta .mr-dish-ver{padding:0 16px}
}

/* iPhone: sin zoom al tocar un campo del pedido */
.mrc-field input{font-size:16px}

/* Datos de entrega y pago (los edita Rodrigo en el panel) */
.mrc-datos{margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--mrc-line);display:grid;gap:8px}
.mrc-datos div{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:baseline}
.mrc-datos dt{font:500 10px/1.4 'Archivo',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mrc-green)}
.mrc-datos dd{margin:0;font:300 14px/1.45 'Archivo',system-ui,sans-serif;color:var(--mrc-ink)}

/* Pedidos en pausa */
.mrc-pausa{position:fixed;z-index:120;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px;padding:14px 18px;border-radius:var(--mrc-r);background:var(--mrc-laurel);color:var(--mrc-manteca);box-shadow:0 14px 40px rgba(20,24,20,.28)}
.mrc-pausa-label{font:500 10px/1 'Archivo',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.75}
.mrc-pausa-txt{font:400 14px/1.4 'Archivo',system-ui,sans-serif}
@media (min-width:760px){.mrc-pausa{left:auto;right:28px;bottom:28px;max-width:420px}}
.mrc-add--pausa{white-space:nowrap}

/* Pedidos en pausa: franja arriba de todo (además del aviso de abajo) */
.mrc-franja{position:fixed;z-index:130;top:0;left:0;right:0;min-height:36px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;background:var(--mrc-laurel);color:var(--mrc-manteca);font:400 12px/1.35 'Archivo',system-ui,sans-serif;letter-spacing:.03em;text-align:center}
.mrc-franja b{font-weight:500;font-size:10px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}
.mrc-franja span[aria-hidden]{opacity:.5}
html.mrc-pausado .header{top:36px!important}
@media (max-width:520px){.mrc-franja{flex-direction:column;gap:2px;min-height:48px}.mrc-franja span[aria-hidden]{display:none}html.mrc-pausado .header{top:48px!important}}

/* Celular: fondo un poco más manteca que en compu */
@media (max-width:759px){
  :root{--v8-bg:#EAE2D1!important;--mr-cream:#EAE2D1!important;--cream:#EAE2D1!important;--butter:#EAE2D1!important;--mrc-bg:#EAE2D1!important}
  html,html body{background-color:#EAE2D1}
  html.v8-pre{background:#EAE2D1!important}
  html body .mr-app .header.is-scrolled,.pv8 .header{background:rgba(234,226,209,.92)!important}
  html body .mr-carta-sticky{background:rgba(234,226,209,.97)!important}
}

/* Celular: el cajón del pedido se puede scrollear por dentro */
.mrc-body{min-height:0;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.mrc-drawer{overscroll-behavior:contain}
