/**
 * Frogames Language Buddy Widget — estilos
 *
 * El widget de ElevenLabs se ancla por defecto abajo a la DERECHA, donde Frogames
 * ya tiene el dock y los botones flotantes (comunidad, podcast, RPG, news...).
 * Lo movemos abajo a la IZQUIERDA para que no se solapen.
 */

/* Compañero anclado abajo a la DERECHA: dentro del reproductor de curso esa zona
   está libre (el FAB de FrogCards ocupa la izquierda). */
elevenlabs-convai.fg-language-buddy {
    position: fixed !important;
    right: 40px !important;
    left: auto !important;
    bottom: 32px !important;
    z-index: 9998; /* por debajo de los modales de Frogames, por encima del contenido */
}

/* El widget se pinta en shadow DOM y su contenedor interno puede traer su propio
   anclaje. Empujamos también desde dentro por si el anclaje del host no basta. */
elevenlabs-convai.fg-language-buddy::part(root),
elevenlabs-convai.fg-language-buddy::part(container) {
    margin-right: 20px !important;
    margin-bottom: 12px !important;
}

/* En móvil: menos margen lateral, pero elevado sobre la barra del reproductor */
@media (max-width: 768px) {
    elevenlabs-convai.fg-language-buddy {
        right: 16px !important;
        bottom: 90px !important;
    }
}

/* Fuera del reproductor de cursos no debe verse nunca (cinturón y tirantes:
   el JS ya no lo inyecta, pero por si acaso). */
body:not(.course-player-active) elevenlabs-convai.fg-language-buddy {
    display: none !important;
}