/* ============ WoWonder Chat — Mejora móvil (clases nuevas) ============ */
:root{
  --es-chat-bg: #fff; /* Cambiá si querés un gris suave de fondo */
}

.wow-es-upgrade{
  display:flex;
  flex-direction:column;
  max-height:100dvh;                 /* respeta alto útil, útil c/ teclado */
  background:var(--es-chat-bg);
}

.wow-es-messages{
  flex:1 1 auto;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:8px 12px 4px;
}

/* Composer pegado abajo, tipo Instagram/WhatsApp */
.wow-es-composer{
  position:sticky;
  bottom:0;
  left:0; right:0;
  z-index:2;
  background:var(--es-chat-bg);
  border-top:1px solid #eaeaea;
  padding:8px 8px calc(8px + env(safe-area-inset-bottom));
}

.wow-es-composer .chat-btns-w{
  position:relative;                 /* referencia para absolutos */
}

/* Asegura que los iconos no se monten sobre el texto */
.wow-es-composer .file_absolute,
.wow-es-composer .absolute{
  position:absolute;
  bottom:12px;
  z-index:3;
}
.wow-es-composer .file_absolute{ left:16px; }
.wow-es-composer .absolute{ right:16px; }

/* Textarea autogrow, sin resize manual, con padding para iconos */
.wow-es-input{
  width:100%;
  min-height:44px;
  max-height:50vh;                   /* crece hasta la mitad de la pantalla */
  overflow-y:auto;                   /* aparece scroll recién al tope */
  resize:none;
  border-radius:16px;
  padding:10px 44px;                 /* espacio p/ mic/enviar a derecha e adjuntos a izquierda */
  line-height:1.35;
  font-size:16px;                    /* 16px evita zoom en iOS al enfocar */
  box-shadow:0 1px 2px rgba(0,0,0,.04) inset;
  background:#fff;
}

/* Afinamos espacios en móvil */
@media (max-width: 768px){
  .wow-es-messages{ padding:6px 10px 2px; }
  .wow-es-composer{ padding:6px 6px calc(6px + env(safe-area-inset-bottom)); }
  .wow-es-input{ padding:10px 44px; font-size:16px; }
}

/* Opcional: look más “app” (activar si querés) */
/*
.wow-es-composer{ box-shadow:0 -8px 20px rgba(0,0,0,.06); }
:root{ --es-chat-bg: #f9fafb; }
*/