/**
 * Estilos para os diferentes players de vídeo
 */

/* Estilos para mensagens de erro e carregamento */
.edestiny-no-video,
.edestiny-loading-video {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    background-color: var(--background-secondary, #f3f4f6) !important;
    color: var(--text-secondary, #4b5563) !important;
    font-size: 1rem !important;
    padding: var(--spacing-lg, 24px) !important;
    text-align: center !important;
    border-radius: var(--radius-md, 8px) !important;
}

.edestiny-loading-video {
    flex-direction: column !important;
    gap: var(--spacing-md, 16px) !important;
}

.edestiny-loading-video i {
    font-size: 2rem !important;
    color: var(--primary-color, #4f46e5) !important;
    margin-bottom: var(--spacing-sm, 8px) !important;
}

/* Estilos específicos para o player do Google Drive */
.edestiny-google-drive-player {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

.edestiny-google-drive-player iframe {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* Estilos específicos para o player do YouTube via Presto Player */
.edestiny-youtube-player {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

/* Ajustes para o Presto Player */
.edestiny-youtube-player .presto-player-wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

.edestiny-youtube-player .presto-player-wrapper .presto-player {
    margin: 0 !important;
}

/* Estilos responsivos */
@media (max-width: 768px) {
    .edestiny-loading-video {
        padding: var(--spacing-md, 16px) !important;
    }
    
    .edestiny-loading-video i {
        font-size: 1.5rem !important;
    }
}