/* Botón del chat (Oct8ne): se sube para no pisar la barra inferior ni el botón de subir.
   El widget lleva estilos en línea (bottom: 50px), de ahí el !important. Archivo nuevo, no toca ro.css. */
.chatOct8ne {
    bottom: 68px !important;
}
/* Solo en local: Oct8ne lo muestra únicamente si hay agentes conectados; así se puede ajustar. */
.chatOct8ne.chat-dev-preview {
    display: block !important;
}
@media (max-width: 992px) {
    /* Por encima de la barra inferior (67 px) y del botón de subir (44 px + 14 px de margen) */
    .chatOct8ne {
        bottom: 96px !important;
        right: 14px !important;
    }
}

/* Sin chat en el carrito ni en el proceso de compra (Tu pedido, Adicionales, Formulario y Pago).
   La página de gracias y la de personalizar un pedido ya pagado sí lo conservan. */
body:has(.cart-page:not(.gracias-page):not(.edit-page)) .chatOct8ne,
body:has(.cart-page:not(.gracias-page):not(.edit-page)) .chatOct8ne.chat-dev-preview,
body:has(.edit-page.edit-mode) .chatOct8ne,
body:has(.edit-page.edit-mode) .chatOct8ne.chat-dev-preview {
    display: none !important;
}

/* Colores del botón: fondo rosa claro y burbujas en rojo (según el diseño facilitado) */
.chatOct8ne {
    background-color: #ffccd2 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(224, 34, 74, .22);
    transition: transform .15s ease, box-shadow .15s ease;
}
.chatOct8ne:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(224, 34, 74, .3);
}
.chatOct8ne svg,
.chatOct8ne i {
    padding: 9px 15px !important;
    color: #e0224a !important;
}
.chatOct8ne svg path {
    fill: #e0224a;
}