/**
 * Estilos globales para interfaces de chat
 /
/ Wrapper global */
#wp-dual-ai-global-chat-wrapper {
    position: fixed;
    z-index: 999998;
    pointer-events: none;
}
#wp-dual-ai-global-chat-wrapper > * {
    pointer-events: auto;
}
/* Ajustes para páginas no-producto /
body:not(.single-product) #wp-dual-ai-text-chat-container,
body:not(.single-product) #wp-dual-ai-voice-chat-container {
    / Asegurar que estén ocultos por defecto /
    display: none !important;
}
/ Mostrar cuando están activos /
body:not(.single-product) #wp-dual-ai-text-chat-container.wp-dual-ai-active,
body:not(.single-product) #wp-dual-ai-voice-chat-container.wp-dual-ai-active {
    display: block !important;
}
/ Botones globales siempre visibles /
.wp-dual-ai-global-buttons {
    display: block !important;
}
/ Transiciones suaves al cambiar de página /
#wp-dual-ai-global-chat-wrapper {
    transition: opacity 0.3s ease;
}
body.wp-dual-ai-transitioning #wp-dual-ai-global-chat-wrapper {
    opacity: 0.7;
}
/ Indicador de contexto /
.wp-dual-ai-context-indicator {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s;
}
.wp-dual-ai-chat-container:hover .wp-dual-ai-context-indicator {
    opacity: 1;
}
/ Ajustes responsive para modo global /
@media (max-width: 768px) {
    #wp-dual-ai-global-chat-wrapper {
        / Ajustar posición en móviles /
        bottom: 10px;
        right: 10px;
    }
}
/ Ocultar en páginas específicas */
body.woocommerce-checkout #wp-dual-ai-global-chat-wrapper,
body.woocommerce-cart #wp-dual-ai-global-chat-wrapper,
body.woocommerce-account #wp-dual-ai-global-chat-wrapper {
    display: none !important;
}