/* ════════════════════════════════════════════════════════════════
   EMBUDO GLOBAL · /css/embudo-global.css  (2026-10-12)
   Lo cargan includes/menu-top.php e includes/menu-top-producto.php,
   así que aplica en TODA la web sin tocar las páginas.

   Recorrido: producto → cotizador → «Mi pedido» → WhatsApp.
     1 · Cabecera sin número ni botón de WhatsApp: «Mi pedido» destacado.
     2 · El botón flotante verde antiguo (includes/whatsapp.php) no se
         muestra: su lugar lo ocupa «¿Necesitas ayuda?» (asistente,
         js/asistente-chat-core.js). El motor de precotización de
         whatsapp.php sigue cargado y funcionando.
   Nada de esto cambia precios, cotizadores ni la lógica del carrito.
   ════════════════════════════════════════════════════════════════ */

/* ── 1 · Cabecera: «Mi pedido» como acción principal ── */
#deliverybox{ display:flex; align-items:center; height:auto; min-height:43px; }
#deliverybox .rs-ped-cab-item--solo{ float:none; margin:0; }

@media only screen and (min-width:480px){
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head{
    height:46px; padding:0 16px 0 6px; gap:2px;
    border:1.5px solid #bdff06; border-radius:999px;
    background:rgba(189,255,6,.08);
    transition:background .2s ease, color .2s ease, box-shadow .2s ease;
  }
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head:hover,
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head:focus-visible{
    background:#bdff06; color:#111; box-shadow:0 6px 18px rgba(189,255,6,.25);
  }
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head:hover .rs-ped-ico,
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head:focus-visible .rs-ped-ico,
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head:hover p,
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head:hover p b,
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head:focus-visible p,
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head:focus-visible p b{ color:#111; }
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head:hover .rs-ped-badge,
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head:focus-visible .rs-ped-badge{ background:#111; color:#bdff06; box-shadow:0 0 0 2px #bdff06; }
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head p{
    padding:0 0 0 2px; font-family:inherit; font-size:13px; line-height:16px; white-space:nowrap;
  }
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head p b{ font-size:14px; }
  #deliverybox .rs-ped-cab-item--solo .rs-ped-l2{ color:rgba(255,255,255,.72); font-size:12px; }
  /* Con productos: el pedido «se enciende» */
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head.rs-ped-lleno{ background:#bdff06; color:#111; }
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head.rs-ped-lleno .rs-ped-ico,
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head.rs-ped-lleno p,
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head.rs-ped-lleno p b,
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head.rs-ped-lleno .rs-ped-l2{ color:#111; }
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head.rs-ped-lleno .rs-ped-badge{ background:#111; color:#bdff06; box-shadow:0 0 0 2px #bdff06; }
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head.rs-ped-lleno:hover{ background:#d4ff4d; }
}
/* Tablet: un poco más compacto para no apretar el menú */
@media only screen and (min-width:480px) and (max-width:1100px){
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head{ height:42px; padding-right:12px; }
  #deliverybox .rs-ped-cab-item--solo .rs-ped-l2{ display:none; }
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head p br{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  #deliverybox .rs-ped-cab-item--solo .rs-ped-head{ transition:none; }
}

/* ── 2 · Botón flotante antiguo «Cotiza por WhatsApp» ── */
.btn-whatsapp{ display:none !important; }

/* ── 3 · Barras fijas de cotizadores: sin acceso directo a WhatsApp ──
   Canvas y fotos: la barra ya lleva «Calcular precio» → «Agregar al pedido» →
   «Ver mi pedido». El envío por WhatsApp se hace desde el cotizador (#cf-wa)
   o desde «Mi pedido», siempre con la cotización completa. */
#cf-bar-wa{ display:none !important; }
