/* Estilos para suporte a controle remoto de TV */

/* Elementos focáveis pelo controle remoto */
.remote-focusable {
    transition: all 0.2s ease;
}

/* Estilo para o elemento atualmente focado */
.remote-focus {
    outline: 3px solid #ff0000 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 10px rgba(255, 0, 0, 0.7) !important;
    z-index: 100 !important;
    position: relative !important;
}

/* Ajustes para controles do player */
.custom-video-player .remote-focus,
.audio-player-container .remote-focus {
    transform: scale(1.1);
}

/* Ajustes para botões */
button.remote-focus,
a.remote-focus {
    filter: brightness(1.2);
}

/* Ajustes para dispositivos de TV */
@media (min-width: 1200px) and (min-height: 800px) {
    /* Aumentar tamanho dos botões para facilitar navegação */
    button, .btn, a.btn, input[type="submit"] {
        min-height: 48px;
        min-width: 48px;
        padding: 0.75rem 1.5rem;
        font-size: 1.1rem;
    }
    
    /* Aumentar espaçamento entre elementos */
    .remote-focusable {
        margin: 0.5rem;
    }
    
    /* Aumentar tamanho dos controles do player */
    .control-btn, .play-btn, .volume-btn, .fullscreen-btn {
        min-width: 48px;
        min-height: 48px;
    }
}