/* Speaking Exercise UI Styling */

/* Hide original spelling/ABC game when speaking exercise is active */
/* Only hide game elements, NOT the container the speaking exercise uses */
[data-module62spelling-root],
.module62spelling-root,
.spelling-game-container,
[data-exercise-root],
.exercise-container,
.abc-mix-container,
.abc-sounds-container,
[class*="abc-mix"]:not([data-mod-egm-speaking-interface]),
[class*="abc-sounds"]:not([data-mod-egm-speaking-interface]) {
    display: none !important;
    visibility: hidden !important;
}

/* Ensure speaking exercise containers are visible */
[data-speaking-exercise-root],
.speaking-exercise-container,
[data-speaking-spelling-root],
.speaking-spelling-container {
    display: block !important;
}

/* Microphone buttons - prevent context menu on long press */
.mod-egm-spelling-mic-btn,
.speaking-mic-btn,
[data-speaking-mic-btn],
.mod-egm-pronunciation-mic-btn {
    user-select: none !important;
    -webkit-user-select: none !important;
    -webkit-touch-callout: none !important;
    touch-action: manipulation !important;
}

/* Mobile responsive - ensure proper spacing */
@media (max-width: 768px) {
    [data-speaking-exercise-root],
    .speaking-exercise-container,
    [data-speaking-spelling-root],
    .speaking-spelling-container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
    }

    /* Microphone button should be touch-friendly on mobile */
    .speaking-mic-btn,
    [data-speaking-mic-btn],
    .mod-egm-spelling-mic-btn,
    .mod-egm-pronunciation-mic-btn {
        min-width: 48px !important;
        min-height: 48px !important;
        font-size: 20px !important;
    }
}