/* Checkout con delivery de El Delivery del Barrio (js/checkout-ddb.js): mapa, precio del delivery,
   confirmación y tienda cerrada. Usa los tokens del sitio (--gold, --dark...), así Halloween también lo tiñe. */

/* Los botones del checkout usan display:flex; el atributo hidden debe ganar siempre */
#modalOv [hidden],.tienda-cerrada[hidden]{display:none !important}

/* Campo trampa para bots: fuera de la vista, pero no display:none (algunos bots lo detectan) */
.trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

.entrega-refs{margin-top:8px}

/* ── Mapa ── */
.entrega-mapa{margin-top:10px}
.mapa-acciones{display:flex;gap:8px;margin-bottom:8px}
.mapa-btn{flex:1;background:#181614;border:1px solid #2f2a24;color:#f5efe0;padding:9px 8px;border-radius:8px;font-family:'Barlow',sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:.2s}
.mapa-btn:hover,.mapa-btn:focus-visible{border-color:var(--gold);color:var(--gold)}
.mapa-marco{position:relative;height:220px;border-radius:12px;overflow:hidden;border:1px solid #2f2a24;background:#141210}
.mapa{position:absolute;inset:0}
/* Pin fijo al centro: se mueve el mapa, no el pin (más fácil con el dedo) */
.mapa-pin{position:absolute;left:50%;top:50%;width:34px;height:44px;margin:-44px 0 0 -17px;z-index:500;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 44'%3E%3Cpath d='M17 1C8.2 1 1 8.1 1 16.9 1 28.6 17 43 17 43s16-14.4 16-26.1C33 8.1 25.8 1 17 1z' fill='%23f5a800' stroke='%23080706' stroke-width='2'/%3E%3Ccircle cx='17' cy='17' r='6' fill='%23080706'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.55))}
.mapa-pin::after{content:'';position:absolute;left:50%;bottom:-4px;width:10px;height:4px;margin-left:-5px;border-radius:50%;background:rgba(0,0,0,.45)}
.mapa-ayuda{margin:6px 2px 0;font-size:11.5px;color:#aaa}
/* Dirección real bajo el pin (Google) */
.pin-direccion{margin:6px 2px 0;font-size:12.5px;color:#d9d1c2;line-height:1.45}
.pin-direccion strong{color:#fff;font-weight:600}
.pin-usar{margin-left:4px;background:none;border:none;padding:0;color:var(--gold);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* Lista de sugerencias de Google: encima del modal y con los colores del sitio */
.pac-container{z-index:1000;background:#181614;border:1px solid #2f2a24;border-radius:10px;margin-top:4px;box-shadow:0 10px 30px rgba(0,0,0,.6);font-family:'Barlow',sans-serif}
.pac-container::after{background-color:#181614;filter:invert(1);opacity:.5}
.pac-item{padding:9px 12px;border-top:1px solid #26221d;color:#bbb;font-size:13px;cursor:pointer}
.pac-item:first-child{border-top:none}
.pac-item:hover,.pac-item-selected{background:rgba(245,168,0,.10)}
.pac-item-query{color:#fff;font-size:14px}
.pac-matched{color:var(--gold)}
.pac-icon{filter:invert(1) brightness(1.6)}
.leaflet-container{font-family:'Barlow',sans-serif;background:#141210}

/* ── Precio del delivery ── */
.envio-info{margin-top:10px;padding:10px 12px;border-radius:10px;border:1px solid #2a2520;background:#0f0e0c;font-size:13px;color:#ccc;line-height:1.45;min-height:20px}
.envio-info:empty{display:none}
.envio-info strong{display:block;font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:20px;letter-spacing:1px;color:#fff}
.envio-info span{display:block;color:#ddd}
.envio-info small{display:block;margin-top:2px;color:#8f877a;font-size:11px}
.envio-info.ok{border-color:rgba(245,168,0,.55);background:linear-gradient(90deg,rgba(245,168,0,.10),rgba(245,168,0,0))}
.envio-info.ok strong{color:var(--gold)}
.envio-info.fuera{border-color:rgba(224,32,32,.55);background:linear-gradient(90deg,rgba(224,32,32,.10),rgba(224,32,32,0))}
.envio-info.cargando{color:#aaa}
.envio-info.cargando::before{content:'';display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px;border:2px solid rgba(245,168,0,.3);border-top-color:var(--gold);border-radius:50%;animation:envio-gira .8s linear infinite}
@keyframes envio-gira{to{transform:rotate(360deg)}}

/* ── Totales del resumen ── */
.s-totales{margin-top:10px;padding-top:8px;border-top:1px solid #2a2a2a}
.s-fila{display:flex;justify-content:space-between;gap:10px;color:#ccc;font-size:13px;padding:2px 0}
.s-totales .s-total{margin-top:6px}

/* ── Botón confirmar y paso a WhatsApp ── */
.confirmar-btn{margin-top:4px}
.usar-wa{display:block;margin:10px auto 0;background:none;border:none;color:#aaa;font-family:'Barlow',sans-serif;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px}
.usar-wa:hover,.usar-wa:focus-visible{color:#25D366}
.envio-wa{display:inline-block;margin-top:8px;padding:8px 14px;border-radius:8px;background:#25D366;color:#fff;font-weight:700;text-decoration:none}
.pl-numero small{display:block;margin-top:2px;font-size:12px;color:#8f877a;letter-spacing:.5px}

/* ── Tienda cerrada ── */
.cerrado-aviso{margin-bottom:14px;padding:12px 14px;border-radius:10px;border:1px solid rgba(224,32,32,.6);background:rgba(224,32,32,.10);color:#f5efe0;font-size:13px;line-height:1.45}
.cerrado-aviso strong{display:block;font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:20px;letter-spacing:1.5px;color:#ff6b6b}
.tienda-cerrada{position:relative;z-index:95;padding:10px 16px;text-align:center;background:#2a0d0d;border-bottom:1px solid rgba(224,32,32,.6);color:#f5efe0;font-size:13px}
.tienda-cerrada strong{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:17px;letter-spacing:1.5px;color:#ff6b6b}

/* ── Pedido recibido ── */
.pedido-listo{text-align:center;padding:8px 2px 4px}
.pl-check{width:64px;height:64px;margin:6px auto 10px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;color:var(--black);background:var(--gold);box-shadow:0 0 0 8px rgba(245,168,0,.15),0 0 30px rgba(245,168,0,.35)}
.pl-titulo{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:32px;letter-spacing:2px;color:#fff;margin:0}
.pl-numero{margin:2px 0 14px;color:#ccc}
.pl-numero strong{color:var(--gold);font-size:18px;letter-spacing:1px}
.pl-totales{text-align:left;background:#0e0d0c;border:1px solid #1e1e1e;border-radius:10px;padding:10px 12px;margin-bottom:14px}
.pl-codigo{margin:0 0 14px;padding:14px;border-radius:12px;border:1px dashed rgba(245,168,0,.7);background:rgba(245,168,0,.06)}
.pl-codigo span{display:block;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#d9cdb5}
.pl-codigo strong{display:block;font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:46px;letter-spacing:10px;color:var(--gold);line-height:1.1}
.pl-codigo small{display:block;color:#aaa;font-size:12px}
.pl-pago{margin:0 0 12px;color:#ddd;font-size:14px;line-height:1.5}
.pl-ultimo{margin:0 0 10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(37,211,102,.5);background:rgba(37,211,102,.08);color:#e9f9ef;font-size:14px;line-height:1.5;text-align:left}
.pl-ultimo strong{color:#4be38a}
/* Paso obligatorio: el botón de WhatsApp grande y latiendo, solo, antes de la confirmación completa */
.pl-wa-obligatorio{margin:6px 0 12px;padding:18px 14px;font-size:21px;box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:pl-late 1.6s ease-out infinite}
@keyframes pl-late{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.pl-reenviar{display:block;margin:2px 0 6px;color:#4be38a;font-size:13px;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){.pl-wa-obligatorio{animation:none}}
.pl-wa,.pl-seguir{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-bottom:10px}
.pl-volver{background:none;border:none;color:#aaa;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-family:'Barlow',sans-serif;font-size:14px;padding:8px}
.pl-volver:hover,.pl-volver:focus-visible{color:var(--gold)}

@media(prefers-reduced-motion:reduce){.envio-info.cargando::before{animation:none}}