/* ========================================================== */
/* 🎬 WANDER MEMBERS 1.1 - DESING SAAS 02/03/2026   */
/* ========================================================== */

/* --- 1. CONFIGURAÇÃO DE CORES & CORREÇÕES DO SISTEMA --- */
:root {
    /* Cores Personalizadas Wander */
    --wander-bg-dark: #121212 !important;       
    --wander-card-bg: #424242 !important;       
    --wander-header-bg: #6A6A6A !important;    
    --wander-text-muted: #d6d6d6 !important;    
    --wander-radius: 10px !important;
    --tutor-primary-color: #00a8e1 !important; /* Azul Neon */

    /* --- CORREÇÃO DE VARIÁVEIS NATIVAS DO TUTOR --- */
    --tutor-body-color: #e0e0e0 !important; 
    --tutor-color-black: #ffffff !important; 
    --tutor-color-muted: #d6d6d6 !important;
    --tutor-color-secondary: #ffffff !important; 
}

/* --- 2. LAYOUT GERAL --- */
.tutor-course-single-content-wrapper,
.tutor-wrap,
body,
.tutor-course-spotlight-wrapper {
    background-color: var(--wander-bg-dark) !important;
    color: #e0e0e0 !important; 
}
.tutor-wrap, .tutor-page-wrap { padding-top: 2% !important; }

/* Desktop */
@media (min-width: 992px) {
    .tutor-course-single-content-wrapper {
        display: flex !important;
        flex-direction: row-reverse !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 40px !important;
        max-width: 100% !important; 
        width: 100% !important;
        padding-left: 20px !important; 
        padding-right: 20px !important; 
    }

    #tutor-single-entry-content {
        flex: 1 !important; 
        width: auto !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important; 
        margin-left: 0 !important; 
    }

    .tutor-course-single-sidebar-wrapper {
        flex: 0 0 450px !important; 
        width: 450px !important;
        min-width: 450px !important;
        position: relative !important; 
        top: 0 !important;
        margin-top: 50px !important; 
        margin-right: 0 !important;
    }
}

/* Mobile */
@media (max-width: 991px) {
    .tutor-course-single-content-wrapper { display: block !important; padding: 10px !important; }
    .tutor-course-single-sidebar-wrapper { width: 100% !important; margin-top: 20px !important; min-width: 0 !important; }
}

/* --- 3. BARRA SUPERIOR (Clean) --- */
.tutor-single-page-top-bar {
    display: flex !important;
    align-items: center !important;
    background-color: var(--wander-bg-dark) !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
    margin-bottom: 20px !important;
    color: #fff !important;
    padding-left: 0 !important;
}

/* Esconder elementos desnecessários da barra */
.tutor-single-page-top-bar .tutor-iconic-btn .tutor-icon-left,
.tutor-single-page-top-bar a:has(.tutor-icon-left),
.tutor-single-page-top-bar .tutor-iconic-btn .tutor-icon-previous,
.tutor-single-page-top-bar a:has(.tutor-icon-previous),
.tutor-single-page-top-bar .tutor-iconic-btn .tutor-icon-times,
.tutor-single-page-top-bar a:has(.tutor-icon-times) {
    display: none !important;
}

/* Título */
.tutor-single-page-top-bar h1, 
.tutor-single-page-top-bar span,
.tutor-single-page-top-bar div[class*="title"] {
    color: #fff !important;
    margin-left: 0 !important; 
    padding-left: 0 !important;
}

/* --- 4. ÁREA DO CONTEÚDO (Texto e Abas) --- */
.tutor-course-single-content-wrapper p, .tutor-entry-content p, .tutor-entry-content {
    color: #ffffff !important;
    font-size: 16px !important; 
    line-height: 1.6 !important;
    margin-bottom: 10px !important; 
}
.tutor-nav, .tutor-course-spotlight-nav, .tutor-tab, .tutor-tab-item, .tutor-course-spotlight-wrapper .tutor-tabs-btn-group {
    background-color: var(--wander-bg-dark) !important;
    border-color: rgba(255,255,255,0.05) !important;
}
.tutor-nav-link, .tutor-tabs-btn-group .tutor-tab-item { color: #999 !important; }
.tutor-nav-link.is-active, .tutor-tabs-btn-group .tutor-tab-item.is-active {
    color: #fff !important;
    border-bottom: 2px solid var(--tutor-primary-color) !important;
    background-color: transparent !important;
}
#tutor-course-spotlight-overview, .tutor-tab-item:not(.tutor-nav-link):not(.nav-link), div.tutor-tab-item.is-active {
    border: none !important;
}

/* === ABAS DE ARQUIVOS VISÍVEIS === */
.tutor-tab-item .tutor-color-black, .tutor-tab-item h2, .tutor-tab-item h3, .tutor-tab-item .tutor-fs-5 {
    color: #ffffff !important;
}
.tutor-course-exercise-file-item, .tutor-card {
    background-color: var(--wander-card-bg) !important; 
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: var(--wander-radius) !important;
}
.tutor-course-exercise-file-item .tutor-fs-6, .tutor-card h3 {
    color: #ffffff !important; font-weight: 500 !important;
}
.tutor-course-exercise-file-item .tutor-fs-7 { color: var(--wander-text-muted) !important; }
.tutor-course-exercise-file-item .tutor-iconic-btn, .tutor-card .tutor-iconic-btn {
    background-color: rgba(0, 168, 225, 0.1) !important; 
    color: var(--tutor-primary-color) !important; 
    border: 1px solid var(--tutor-primary-color) !important;
}
.tutor-course-exercise-file-item .tutor-iconic-btn:hover {
    background-color: var(--tutor-primary-color) !important; color: #fff !important;
}

/* --- 5. FOOTER --- */
.tutor-course-topic-single-footer, .tutor-course-topic-single-footer.tutor-mt-auto {
    background-color: var(--wander-bg-dark) !important;
    border: none !important;
    margin-top: 5px !important; 
    margin-bottom: 30px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-shadow: none !important;
    flex-grow: 0 !important; 
}
.tutor-course-topic-single-footer:before, .tutor-course-topic-single-footer:after, .tutor-single-course-segment hr { display: none !important; }
.tutor-course-topic-single-footer .tutor-btn {
    background-color: var(--wander-card-bg) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    padding: 10px 25px !important;
    font-size: 14px !important;
}
.tutor-course-topic-single-footer .tutor-btn:hover {
    background-color: var(--tutor-primary-color) !important;
    border-color: var(--tutor-primary-color) !important;
}

/* --- 6. SIDEBAR --- */
.tutor-course-single-sidebar-wrapper {
    background-color: var(--wander-card-bg) !important; 
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: var(--wander-radius) !important;
    padding: 15px !important; 
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}
.tutor-course-single-sidebar-title, .tutor-course-sidebar-card-header {
    background-color: transparent !important; 
    color: #fff !important;
    border-bottom: none !important; 
    margin-bottom: 10px !important;
    padding-left: 5px !important;
}
.tutor-course-single-sidebar-title span, .tutor-course-single-sidebar-title h3 { color: #fff !important; font-weight: 600 !important; }

/* CABEÇALHO DO MÓDULO */
.tutor-accordion-item-header {
    background-color: var(--wander-header-bg) !important;
    color: #fff !important;
    margin-bottom: 8px !important;
    border-radius: 8px !important; 
    border: none !important;
}
.tutor-accordion-item-header span, .tutor-accordion-item-header div, .tutor-accordion-item-header .tutor-fs-7 {
    color: #e0e0e0 !important; opacity: 1 !important;
}
.tutor-accordion-item-header::after { color: #fff !important; opacity: 0.8 !important; }
.tutor-accordion-item-body { background-color: transparent !important; padding: 0 !important; }

/* LISTA DE AULAS */
.tutor-course-lesson-list-item, .tutor-course-topic-item {
    background-color: transparent !important;
    border-bottom: none !important; 
    margin-bottom: 2px !important;
}
.tutor-course-topic-item a, .tutor-course-lesson-list-item a {
    display: flex !important;
    align-items: center !important;
    background-color: transparent !important;
    border: 1px solid transparent !important; 
    border-radius: 8px !important; 
    padding: 8px 12px !important; 
    text-decoration: none !important;
    min-height: 45px !important;
}
/* ÍCONE */
.tutor-icon, .tutor-course-lesson-list-item i, .tutor-course-topic-item-icon {
    color: var(--wander-text-muted) !important;
    opacity: 0.8;
    margin: 0 !important;
    margin-right: 15px !important; 
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* Texto */
.tutor-course-topic-item-title, 
.tutor-course-topic-item a span:not(.tutor-icon),
.tutor-course-lesson-list-item a span:not(.tutor-icon) {
    padding-left: 0 !important;
    color: var(--wander-text-muted) !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}
.tutor-course-lesson-list-item .tutor-check-icon, .tutor-course-topic-item .tutor-check-icon {
    margin-left: auto !important; margin-right: 0 !important;
}
/* Hover */
.tutor-course-lesson-list-item a:hover, .tutor-course-topic-item a:hover {
    background-color: rgba(255,255,255,0.05) !important;
}
.tutor-course-lesson-list-item a:hover .tutor-course-topic-item-title, .tutor-course-topic-item a:hover .tutor-course-topic-item-title {
    color: #ffffff !important;
}
/* Aula Ativa */
.tutor-course-topic-item.is-active a, .tutor-course-lesson-list-item.is-active a {
    background-color: transparent !important;
    border: 1px solid rgba(255,255,255,0.3) !important; 
    border-left: 1px solid rgba(255,255,255,0.3) !important; 
}
.tutor-course-topic-item.is-active .tutor-course-topic-item-title, 
.tutor-course-topic-item.is-active a span, 
.tutor-course-topic-item.is-active a {
    color: #ffffff !important;
    font-weight: 600 !important;
}
.tutor-course-topic-item.is-active i { color: #fff !important; opacity: 1 !important; }

/* --- 7. PLAYER --- */
.tutor-video-player-wrap {
    background-color: #000 !important;
    border-radius: var(--wander-radius) !important;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.5);
}
.plyr__control {
    border: none !important;
    background: rgba(0,0,0,0.6) !important;
    color: #fff !important;
}
.plyr__control:hover { background: var(--tutor-primary-color) !important; }
.plyr__control svg { fill: #fff !important; }

/* --- 8. AJUSTES FINAIS & QUIZ FIX --- */
[data-tutor-nav-target="tutor-course-spotlight-notes"],
[data-tutor-query-value="notes"],
#tutor-course-spotlight-notes,
#tutor-lesson-nav-take-note-btn { display: none !important; }

/* CORREÇÃO GERAL DE BOTÕES PRIMÁRIOS */
.tutor-wrap .tutor-btn.tutor-btn-primary,
.tutor-wrap button.tutor-btn-primary,
.tutor-course-spotlight-wrapper .tutor-btn-primary,
.tutor-btn.tutor-btn-primary.tutor-btn-sm,
button.tutor-btn { 
    background-color: var(--tutor-primary-color) !important;
    border-color: var(--tutor-primary-color) !important;
    color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
}
.tutor-wrap .tutor-btn.tutor-btn-primary:hover,
.tutor-course-spotlight-wrapper .tutor-btn-primary:hover,
button.tutor-btn:hover {
    background-color: transparent !important;
    color: var(--tutor-primary-color) !important;
    border: 1px solid var(--tutor-primary-color) !important;
}

/* REFORÇO DE CORREÇÃO PARA O QUIZ */
.tutor-quiz-start-wrapper, 
.tutor-quiz-wrap, 
.tutor-quiz-info-area {
    color: #e0e0e0 !important;
}
.tutor-quiz-start-wrapper h1, 
.tutor-quiz-start-wrapper h2, 
.tutor-quiz-start-wrapper h3,
.tutor-quiz-wrap h2, 
.tutor-quiz-wrap strong,
.tutor-quiz-wrap b,
.tutor-quiz-wrap .tutor-color-secondary,
.tutor-quiz-wrap .tutor-color-muted,
.tutor-color-secondary,
.tutor-color-muted {
    color: #ffffff !important;
}
.tutor-quiz-start-wrapper p, 
.tutor-quiz-start-wrapper span,
.tutor-quiz-wrap span {
    color: #e0e0e0 !important;
}

/* --- 9. MOBILE FIXES --- */
.tutor-spotlight-mobile-progress-complete {
    background-color: #121212 !important;
    color: #fff !important;
    border-top: 1px solid rgba(255,255,255,0.05) !important;
}
.tutor-spotlight-mobile-progress-complete .tutor-btn,
button[name="complete_course"].tutor-topbar-mark-btn {
    color: #ffffff !important;
    border-color: #ffffff !important;
    background-color: transparent !important;
}
.tutor-spotlight-mobile-progress-complete .tutor-btn:hover,
button[name="complete_course"].tutor-topbar-mark-btn:hover {
    color: #ffffff !important;
    border-color: #ffffff !important;
    background-color: rgba(255,255,255,0.1) !important;
    box-shadow: none !important;
}

/* MOBILE FIXES - Ajuste Inteligente de Volume */
@media (max-width: 991px) {
    /* 1. Mantém o PiP oculto para economizar espaço */
    .plyr__controls__item[data-plyr="pip"] {
        display: none !important;
    }

    /* 2. VOLUME: Mostra o botão, mas esconde a barra de arrastar */
    .plyr__volume {
        display: flex !important; /* Traz o botão de volta */
        width: auto !important;   /* Ocupa apenas o espaço do ícone */
        min-width: 0 !important;
    }

    /* 3. Mata a barra de volume (slider) no mobile */
    .plyr__volume input[type="range"] {
        display: none !important;
    }
}

/* --- 10. REMOÇÃO DE ÍCONES (CÍRCULOS) ESTRANHOS --- */
.quiz-meta-info svg, 
.quiz-meta-info i,
.quiz-meta-info .tutor-ring-monitor,
.quiz-meta-info circle {
    display: none !important;
}

/* --- 11. CORREÇÃO DAS TABELAS DE RESULTADO (FUNDO CINZA) --- */
.tutor-table th, 
.tutor-table td, 
.tutor-table tr,
.tutor-table tr:first-child {
    background-color: #3d3d3d !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,0.1) !important;
}

/* --- 12. CORREÇÃO DE TOOLTIPS (CAIXAS FLUTUANTES) --- */
.tutor-tooltip, .tutor-tooltip-inner, .tooltip-inner, div[role="tooltip"],
.tooltip-wrap .tooltip-txt,
span.tooltip-txt {
    background-color: #3d3d3d !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    opacity: 1 !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important;
}
.tooltip-wrap .tooltip-txt::after,
span.tooltip-txt::after {
    border-top-color: #3d3d3d !important;
    border-bottom-color: transparent !important;
}

/* ========================================================== */
/* --- 13. CORREÇÃO DO POPUP DE AVALIAÇÃO (MODAL) ---        */
/* ========================================================== */

/* Fundo da Janela Modal (Popup) */
.tutor-modal-content, 
.tutor-modal-content-white {
    background-color: var(--wander-card-bg) !important; /* #424242 */
    border: 1px solid rgba(255,255,255,0.1) !important;
}

/* Títulos, Perguntas e Texto dentro do Popup */
.tutor-modal-content h3, 
.tutor-modal-content h2, 
.tutor-modal-content div,
.tutor-modal-content p,
.tutor-modal-body,
.tutor-modal-content .tutor-fs-3,
.tutor-modal-content .tutor-color-black {
    color: #ffffff !important;
}

/* Campo de Texto (Textarea) dentro do Modal */
.tutor-modal-content textarea,
.tutor-modal-content .tutor-form-control {
    background-color: rgba(0,0,0,0.2) !important; /* Fundo mais escuro */
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}

/* Placeholder (Texto de ajuda "Conte-nos sobre sua experiência...") */
.tutor-modal-content textarea::placeholder {
    color: rgba(255,255,255,0.5) !important;
}

/* Botão de Fechar (X) no topo direito */
.tutor-modal-content .tutor-modal-close-o,
.tutor-modal-content .tutor-icon-times,
.tutor-modal-content .tutor-iconic-btn {
    color: #ffffff !important;
    background-color: transparent !important;
}
.tutor-modal-content .tutor-modal-close-o:hover {
    background-color: rgba(255,255,255,0.1) !important;
}

/* Estrelas Vazias (para garantir contraste) */
.tutor-star-rating .tutor-icon-star-line {
    color: rgba(255,255,255,0.3) !important;
}

/* ========================================================== */
/* --- 14. TRANSFORMAÇÃO: CAPA -> DASHBOARD (CORREÇÃO FINAL) --- */
/* ========================================================== */

/* 1. Oculta elementos de VENDA e DISTRAÇÃO */
.tutor-course-header-media,         /* Banner Gigante */
.tutor-course-details-tab,          /* Abas (Sobre, Reviews) */
.tutor-course-details-widget,       /* Widgets extras */
.tutor-col-xl-8,                    /* Coluna da Esquerda (Texto) */
.tutor-course-meta,                 /* Metadados (Data, Categoria) */
.tutor-course-thumbnail,            /* Miniatura */
.tutor-course-details-instructors,  /* Caixa do Instrutor (Print 3) */
.tutor-single-course-sidebar-more { /* Container extra da sidebar */
    display: none !important;
}

/* 2. Centraliza a COLUNA DE AÇÃO */
.tutor-col-xl-4, 
.tutor-col-lg-4, 
.tutor-course-sidebar {
    width: 100% !important;
    max-width: 600px !important;    /* Tamanho de Card */
    flex: 0 0 100% !important;
    margin: 50px auto !important;   /* Centraliza */
    float: none !important;
    display: block !important;
}

/* 3. CORREÇÃO DO FUNDO BRANCO (Foco no .tutor-card-body) */
/* Aqui estava o erro: o body tinha cor própria */
.tutor-card,
.tutor-sidebar-card,
.tutor-card-body,           /* <--- A classe do Print 2 */
.tutor-course-sidebar-card,
.tutor-price-preview-box {
    background-color: var(--wander-card-bg) !important; /* #424242 */
    background: var(--wander-card-bg) !important;
    border-color: rgba(255,255,255,0.1) !important;
    border-radius: var(--wander-radius) !important;
    box-shadow: none !important; /* Remove sombras internas conflitantes */
}

/* Adiciona sombra apenas no container pai para dar destaque */
.tutor-course-sidebar {
    box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;
    border-radius: var(--wander-radius) !important;
}

/* 4. Força TODO o texto dentro do card para Branco */
.tutor-card-body *,
.tutor-card-body h3,
.tutor-card-body span,
.tutor-card-body div,
.tutor-course-progress-wrapper h3, /* "Progresso do curso" */
.tutor-color-black {
    color: #ffffff !important;
}

/* 5. Ajuste para textos secundários (Metadados dentro do card) */
.tutor-meta-level,
.tutor-enroll-info,
.tutor-card i, 
.tutor-card svg,
.tutor-card ul li {
    color: #d6d6d6 !important; 
}

/* 6. Destaca os Botões */
.tutor-course-sidebar .tutor-btn {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 15px !important;
    padding: 15px !important;
}

/* Oculta preço se aparecer */
.tutor-price-badge, .tutor-course-price { display: none !important; }

/* ========================================================== */
/* --- 15. TRADUÇÃO FORÇADA: VIEW CERTIFICATE (CSS FIX) ---   */
/* ========================================================== */

/* 1. Esconde o texto original em inglês */
.tutor-btn-view-certificate {
    font-size: 0 !important; /* Faz o texto "View Certificate" desaparecer */
    line-height: 0 !important;
}

/* 2. Insere o novo texto em Português usando um pseudo-elemento */
.tutor-btn-view-certificate::before {
    content: "Baixar Certificado" !important; /* O novo texto */
    font-size: 16px !important; /* Traz o tamanho da fonte de volta */
    line-height: 1.5 !important;
    color: #ffffff !important;
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
}

/* ========================================================== */
/* --- 16. CORREÇÃO DA CAIXA DE AVISO (MODO ESTRITO) ---      */
/* ========================================================== */

/* Caixa de Alerta (Quando tenta concluir sem terminar as aulas) */
.tutor-alert.tutor-warning {
    background-color: rgba(255, 193, 7, 0.1) !important; /* Fundo Amarelo BEM escuro/transparente */
    border: 1px solid rgba(255, 193, 7, 0.5) !important; /* Borda Amarela para indicar "Atenção" */
    color: #ffffff !important;
    border-radius: 6px !important;
}

/* Garante que o texto e ícones dentro do alerta sejam brancos */
.tutor-alert.tutor-warning .tutor-alert-text,
.tutor-alert.tutor-warning span,
.tutor-alert.tutor-warning i,
.tutor-alert.tutor-warning svg {
    color: #ffffff !important;
}

/* ========================================================== */
/* --- 17. LISTA DE CURSOS (/COURSES) - FILTROS E BOTÕES (V2) --- */
/* ========================================================== */

/* 1. CORREÇÃO DA CAIXA DE FILTRO (Dropdown) */
/* O container principal do filtro */
.tutor-form-select,
.tutor-form-control,
.tutor-form-select.is-active {
    background-color: #d1d1d1 !important; /* <--- Clareado para mostrar a seta preta */
    border-color: rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
}

/* O texto do label (ex: "Data de lançamento") */
.tutor-form-select-label,
.tutor-form-select-label span {
    color: #000000 !important;
}

/* A lista de opções que abre (Dropdown) */
/* Mantemos a lista escura para ficar elegante */
.tutor-form-select-dropdown {
    background-color: var(--wander-card-bg) !important; /* #424242 */
    border: 1px solid rgba(255,255,255,0.1) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    margin-top: 5px !important;
}

/* As opções individuais dentro da lista */
.tutor-form-select-option {
    color: #d6d6d6 !important;
    background-color: transparent !important;
}

/* Hover e Opção Selecionada */
.tutor-form-select-option:hover,
.tutor-form-select-option.is-selected {
    background-color: rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
}

/* 2. CORREÇÃO DO BOTÃO "COMECE AS AULAS" */
/* Estava transparente/escuro, agora será sólido e chamativo */
.list-item-button .tutor-btn,
.tutor-course-footer .tutor-btn {
    background-color: var(--tutor-primary-color) !important; /* Azul Neon */
    border-color: var(--tutor-primary-color) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

/* Efeito Hover do botão */
.list-item-button .tutor-btn:hover,
.tutor-course-footer .tutor-btn:hover {
    background-color: transparent !important;
    color: var(--tutor-primary-color) !important;
    border: 1px solid var(--tutor-primary-color) !important;
}

/* 3. GARANTIA GERAL DOS CARDS NESSA PÁGINA */
.tutor-course-card, 
.tutor-card {
    background-color: var(--wander-card-bg) !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
}

/* Títulos dos cursos na lista */
.tutor-course-name a {
    color: #ffffff !important;
}

/* ========================================================== */
/* --- 18. TROCA DO ÍCONE DE HAMBÚRGUER (MOBILE PLAYLIST) --- */
/* ========================================================== */

/* 1. Mira no SPAN específico do ícone de menu hambúrguer */
a[tutor-course-topics-sidebar-offcanvas-toggler] .tutor-icon-hamburger-menu,
.tutor-icon-hamburger-menu {
    color: transparent !important;
    position: relative !important;
    display: inline-block !important;
    width: 24px !important;
    height: 24px !important;
}

/* 2. Remove o "desenho" original da fonte */
a[tutor-course-topics-sidebar-offcanvas-toggler] .tutor-icon-hamburger-menu::before,
.tutor-icon-hamburger-menu::before {
    display: none !important;
    content: none !important;
}

/* 3. Insere o seu novo SVG OTIMIZADO via Data URI */
a[tutor-course-topics-sidebar-offcanvas-toggler] .tutor-icon-hamburger-menu::after,
.tutor-icon-hamburger-menu::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    
    /* Centraliza perfeitamente */
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    /* Tamanho do novo ícone */
    width: 24px !important;
    height: 24px !important;
    
    /* SVG Codificado direto no CSS (Cor Branca #ffffff já inclusa) */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='m21.612 14.915-5.492-3.139a1.25 1.25 0 0 0-1.87 1.086v6.276a1.25 1.25 0 0 0 1.87 1.086l5.492-3.139a1.247 1.247 0 0 0 0-2.17zM2 19.75h9a.75.75 0 0 0 0-1.5H2a.75.75 0 0 0 0 1.5zM2 9.75h20a.75.75 0 0 0 0-1.5H2a.75.75 0 0 0 0 1.5zM2 14.75h9a.75.75 0 0 0 0-1.5H2a.75.75 0 0 0 0 1.5zM2 4.75h20a.75.75 0 0 0 0-1.5H2a.75.75 0 0 0 0 1.5z'/%3E%3C/svg%3E") !important;
    
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    
    pointer-events: none !important;
}

/* ========================================================== */
/* --- 19. COMENTÁRIOS: MODO CINEMA (YOUTUBE DARK STYLE V3) --- */
/* ========================================================== */

/* 1. CAIXA DE ESCREVER (INPUT) */
.tutor-form-control,
textarea.tutor-form-control,
.tutor-comment-box textarea {
    background-color: #262626 !important; /* Cinza Quase Preto */
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

/* Texto de ajuda "Escreva seu comentário..." */
.tutor-form-control::placeholder,
textarea::placeholder {
    color: #aaaaaa !important;
}

/* 2. REMOÇÃO TOTAL DAS SETINHAS (Speech Bubbles) */
/* Remove do comentário publicado */
.tutor-actual-comment::before,
.tutor-actual-comment::after,
/* Remove do formulário de escrita (O quadrado que você achou) */
.tutor-comment-textarea::before,
.tutor-comment-textarea::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

/* 3. BALÃO DO COMENTÁRIO PUBLICADO */
.tutor-actual-comment {
    background-color: #262626 !important;
    border: 1px solid rgba(255,255,255,0.05) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    position: relative !important;
}

/* 4. CORREÇÃO DO NOME DO AUTOR */
.tutor-comment-author,
.tutor-comment-author span,
.tutor-comment-author a,
.tutor-fw-bold {
    color: #ffffff !important;
}

/* 5. TEXTO DO COMENTÁRIO E DATA */
.tutor-actual-comment p,
.tutor-comment-content,
.tutor-comment-text {
    color: #e0e0e0 !important; /* Branco suave */
}

/* Data ("6 minutos atrás") */
.tutor-comment-date,
.tutor-comment-date span {
    color: #909090 !important; /* Cinza médio */
    font-size: 12px !important;
}

/* 6. BOTÃO "RESPONDER" */
.tutor-comment-reply-link {
    color: var(--tutor-primary-color) !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    margin-top: 5px !important;
    display: inline-block !important;
}
/* GARANTIA FINAL */
.hide-comments { display: none !important; }
.tutor-wrap h1, .tutor-wrap h2, .tutor-wrap h3, .tutor-wrap h4, .tutor-iconic-btn { color: #fff !important; }

/* --- CORREÇÃO ESPECÍFICA: Aviso de Conteúdo Bloqueado (Drip) --- */
/* Alvo exato que você inspecionou */
.content-drip-message-wrap.tutor-alert {
    background-color: #1f2a36 !important; /* Cinza azulado escuro */
    color: #ffffff !important; /* Texto branco */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

/* Garante que o texto dentro não herde a cor cinza do body */
.content-drip-message-wrap .tutor-alert-text,
.content-drip-message-wrap span,
.content-drip-message-wrap p {
    color: #ffffff !important;
}

/* ========================================================== */
/* 🚑 RESGATE DE EMERGÊNCIA: CONTEÚDO DA AULA                */
/* (Corrige o sumiço causado pela Seção 14)                  */
/* ========================================================== */

/* Força a exibição da coluna de conteúdo APENAS dentro das abas da aula */
#tutor-course-spotlight-overview .tutor-col-xl-8,
#tutor-course-spotlight-files .tutor-col-xl-8,
.tutor-course-spotlight-wrapper .tutor-col-xl-8 {
    display: block !important;
    width: 100% !important; /* Garante que use o espaço todo */
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Garante que o texto dentro dela esteja visível */
.tutor-course-spotlight-wrapper .tutor-fs-6,
.tutor-course-spotlight-wrapper p {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ========================================================== */
/* 🔗 CORREÇÃO GLOBAL DE LINKS (VERSÃO FLEXÍVEL)              */
/* (Respeita cores definidas manualmente no editor)           */
/* ========================================================== */

/* 1. Define a cor padrão Azul Neon (apenas se não houver outra cor definida) */
.tutor-course-spotlight-wrapper p a:not(.tutor-btn),
.tutor-course-spotlight-wrapper li a:not(.tutor-btn),
.tutor-entry-content p a:not(.tutor-btn),
.tutor-modal-content a:not(.tutor-btn),
.tutor-comment-text a:not(.tutor-btn) {
    color: #4da6ff; /* Sem !important para permitir overrides manuais */
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: all 0.2s ease-in-out;
}

/* 2. Mantém a cor Azul mesmo em links visitados */
.tutor-course-spotlight-wrapper p a:visited,
.tutor-entry-content p a:visited,
.tutor-comment-text a:visited {
    color: #4da6ff;
}

/* 3. Efeito Hover (Branco Brilhante) - Aqui mantemos !important para garantir o efeito */
.tutor-course-spotlight-wrapper p a:hover,
.tutor-entry-content p a:hover,
.tutor-comment-text a:hover {
    color: #ffffff !important; 
    text-decoration: underline !important;
    text-shadow: 0 0 8px rgba(77, 166, 255, 0.6);
    cursor: pointer !important;
}