/* ==== ESTILOS PREMIUM DO CONTAINER DE VÍDEO PARA MODO ESCURO ==== */
/* Sombras removidas do modo escuro */

/* Borda do modo escuro removida */

/* Hover das sombras removido */

/* ==== ESTILOS DO BOTÃO DE PLAY/PAUSE PREMIUM PARA MODO ESCURO ==== */
[data-theme="dark"] .play-pause-btn {
    background: linear-gradient(135deg, 
        rgba(26, 30, 45, 0.8), 
        rgba(15, 20, 25, 0.6)
    );
    border: 2px solid rgba(74, 158, 255, 0.4);
    box-shadow: 
        0 12px 40px rgba(0, 0, 0, 0.6),
        0 4px 20px rgba(74, 158, 255, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        inset 0 -1px 0 rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .play-pause-btn::before {
    background: conic-gradient(
        from 0deg,
        #4A9EFF,
        #FF8A4C,
        #A855F7,
        #4A9EFF
    );
}

[data-theme="dark"] .play-pause-btn::after {
    background: radial-gradient(
        circle at 30% 30%,
        rgba(74, 158, 255, 0.3),
        rgba(74, 158, 255, 0.05)
    );
}

[data-theme="dark"] .play-pause-btn:hover {
    background: linear-gradient(135deg, 
        rgba(26, 30, 45, 0.9), 
        rgba(15, 20, 25, 0.7)
    );
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.8),
        0 6px 30px rgba(74, 158, 255, 0.5),
        inset 0 2px 0 rgba(255, 255, 255, 0.3),
        inset 0 -2px 0 rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .play-pause-btn:hover::after {
    background: radial-gradient(
        circle at 30% 30%,
        rgba(74, 158, 255, 0.5),
        rgba(74, 158, 255, 0.1)
    );
}

[data-theme="dark"] .play-pause-btn svg {
    fill: rgba(232, 232, 232, 0.95);
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}

[data-theme="dark"] .play-pause-btn:hover svg {
    fill: #ffffff;
    filter: drop-shadow(0 3px 6px rgba(74, 158, 255, 0.6));
}