/* ══ FAB DE CHAT — botón circular con logo Pídelo ══ */
.pidelo-chat-fab{
  position:fixed;bottom:24px;right:24px;z-index:6001;
  width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;
  background:linear-gradient(135deg, var(--chat-accent, #F0643C), color-mix(in srgb, var(--chat-accent, #F0643C) 72%, #000 12%));
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 18px color-mix(in srgb, var(--chat-accent,#F0643C) 50%, transparent);
  transition:transform .25s var(--spring),box-shadow .2s;
  padding:0;
}
.pidelo-chat-fab:hover{transform:scale(1.1) rotate(-8deg);box-shadow:0 7px 24px color-mix(in srgb, var(--chat-accent,#F0643C) 60%, transparent)}
.pidelo-chat-fab:active{transform:scale(.93)}
/* pcf-logo reemplazado por SVG inline */
.pcf-badge{
  position:absolute;top:-3px;right:-3px;
  background:#fff;color:var(--coral2,#E8552F);
  font-size:10px;font-weight:800;min-width:18px;height:18px;
  border-radius:100px;display:flex;align-items:center;justify-content:center;
  padding:0 4px;box-shadow:0 1px 4px rgba(0,0,0,.2);
}
.pcf-badge.hidden{display:none}
/* Cart FAB sube para no chocar con el chat FAB */
.cart-fab{bottom:92px!important}
/* Cart FAB solo visible en modo negocio */
body:not(.modo-negocio) .cart-fab{display:none!important}

/* ══ CHAT COMO VENTANA FLOTANTE (no pantalla completa) ══ */
.chat-widget{
  position:fixed!important;
  top:auto!important;left:auto!important;
  bottom:96px!important;right:24px!important;
  width:360px!important;
  height:min(640px, calc(100dvh - 112px))!important;
  z-index:6200!important;
  background:transparent!important;
  backdrop-filter:none!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  opacity:0!important;pointer-events:none!important;
  transform:translateY(14px) scale(.97)!important;
  transition:opacity .28s var(--spring,cubic-bezier(.34,1.56,.64,1)),transform .32s var(--spring,cubic-bezier(.34,1.56,.64,1))!important;
  border-radius:20px!important;
  overflow:hidden!important;
}
.chat-widget.open{opacity:1!important;pointer-events:all!important;transform:none!important}
.cw-box{
  display:flex!important;flex-direction:column!important;
  width:100%!important;height:100%!important;min-height:0!important;
  background:color-mix(in srgb, var(--surface,#fff) 86%, transparent)!important;
  backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;
  border-radius:20px!important;
  box-shadow:0 12px 48px rgba(0,0,0,.20)!important;
  border:none!important;overflow:hidden!important;transform:none!important;
}
.cw-header{
  display:flex!important;align-items:center;gap:10px;
  padding:13px 14px 12px;flex:0 0 auto!important;
  background:linear-gradient(135deg, var(--chat-accent, #F0643C), color-mix(in srgb, var(--chat-accent, #F0643C) 72%, #000 12%))!important;
  border-radius:20px 20px 0 0;
}
.cw-header-logo{width:30px;height:30px;object-fit:contain;filter:brightness(0) invert(1)}
.cw-header-info{flex:1;min-width:0}
.cw-header-name{font-size:14px;font-weight:700;color:#fff;line-height:1.2}
.cw-status{font-size:11px;color:rgba(255,255,255,.8)}
.cw-close-fab{
  position:static!important;top:auto!important;right:auto!important;
  width:30px!important;height:30px!important;border-radius:50%!important;
  background:rgba(255,255,255,.2)!important;color:#fff!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:none!important;cursor:pointer!important;flex:0 0 auto!important;
  transition:background .15s!important;
}
.cw-close-fab:hover{background:rgba(255,255,255,.35)!important;transform:none!important;box-shadow:none!important}
/* Mensajes: ocupan TODO el espacio entre header e input, con scroll propio */
.cw-messages{
  flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  padding:12px 14px!important;background:transparent!important;
}
/* Input: SIEMPRE abajo, nunca superpuesto */
.cw-input-area{
  flex:0 0 auto!important;
  background:var(--surface,#fff)!important;
  padding:8px 10px calc(8px + env(safe-area-inset-bottom,0))!important;
  border-top:1px solid var(--border,rgba(0,0,0,.08))!important;
  box-sizing:border-box!important;width:100%!important;
}
.cw-input-row{display:flex!important;align-items:flex-end!important;gap:6px!important;width:100%!important;box-sizing:border-box!important}
.cw-textarea{flex:1 1 auto!important;min-width:0!important;box-sizing:border-box!important}
/* Quitar el "0/2000 · Enter envía" que se veía feo dentro del input */
.cw-input-foot{display:none!important}
@media(max-width:480px){
  .chat-widget{right:8px!important;left:8px!important;bottom:78px!important;width:auto!important;height:min(85dvh, calc(100dvh - 94px))!important}
  .cw-input-area{padding:7px 8px calc(6px + env(safe-area-inset-bottom,0))!important}
}