/* =========================================================
   CONFIGURACIÓN GENERAL
   ========================================================= */

/* Tamaño base de burbuja de TEXTO */
.woot-message--bubble {
  max-width: 260px;
  word-break: break-word;
}


/* =========================================================
   IMÁGENES NORMALES (fotos, comprobantes, adjuntos)
   ========================================================= */

/* Permitir que la burbuja crezca cuando hay imagen */
.woot-message--bubble:has(img),
.woot-message--bubble:has(.woot-attachment),
.woot-message--bubble:has(.conversation--message-attachment) {
  max-width: 520px !important;
}

/* Imagen normal grande */
.woot-message--bubble img,
.conversation--message img,
.conversation--message-attachment img,
.woot-attachment img {
  max-width: 520px !important;
  max-height: 520px !important;
  width: auto !important;
  height: auto !important;
  border-radius: 12px;
  object-fit: cover;
}

/* Contenedor del adjunto */
.woot-attachment,
.conversation--message-attachment {
  max-width: 520px !important;
}


/* =========================================================
   STICKERS / EMOJIS (pequeños)
   ========================================================= */

/* Stickers (normalmente webp, pero funciona aunque no termine en .webp) */
.woot-message--bubble img[src*="sticker"],
.woot-message--bubble img[src$=".webp"],
.conversation--message img[src$=".webp"],
.conversation--message-attachment img[src$=".webp"] {
  max-width: 160px !important;
  max-height: 160px !important;
  border-radius: 16px;
  object-fit: contain;
}

/* Clases genéricas por si Chatwoot las usa */
.emoji,
.sticker {
  max-width: 160px !important;
  max-height: 160px !important;
}


/* =========================================================
   SEGURIDAD EXTRA (evitar que algo vuelva a achicar)
   ========================================================= */

/* Quitar cualquier límite más pequeño que venga de Chatwoot */
.woot-attachment img {
  min-width: unset !important;
}

