/* Tema Black Friday - estilos específicos e reversíveis via config */

body.bf-active .header {
    background-color: #080701 !important;
    border-bottom-color: transparent !important;
}

body.bf-active .header .topbar {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

/* Links do topo e textos da navegação */
body.bf-active .header .tb-link,
body.bf-active .header .tb-link small,
body.bf-active .header .tb-link .material-icons {
    color: #ffffff !important;
}

body.bf-active .header .nav-items > li > a:not(.subscribe-btn) {
    color: #ffffff !important;
}

body.bf-active .header .nav-items > li > a:not(.subscribe-btn):hover {
    color: #ffffff !important;
    background-color: #14130c !important;
}

/* Ícones da navegação */
body.bf-active .header .user-png svg,
body.bf-active .header .user-home svg,
body.bf-active .header .nav-toggle svg {
    fill: #ffffff !important;
}

/* Faixa "Bora que vai" - comportamento padrão (home, vitrines) */

.bf-bora-strip {
    background-color: #080701 !important;
    overflow: hidden;
}

.bf-bora-strip__content {
    height: 35px;
    background-image: url("/public/img/site/lista-black-bora-que-vai.svg") !important;
    background-repeat: repeat-x !important;
    background-position: 0 50% !important;
    background-size: auto 35px !important;
    animation: bf-bora-scroll 25s linear infinite !important;
}

@media (max-width: 767px) {
    .bf-bora-strip__content {
        height: 30px;
        background-size: auto 30px !important;
    }
}

@keyframes bf-bora-scroll {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: -400px;
    }
}

/* Faixa "Bora que vai" FIXA apenas nas PDPs (páginas de curso) */
body.bf-active .cursos_main.courses ~ .bf-bora-strip,
body.bf-active > .bf-bora-strip:first-child {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1001 !important;
}

/* Ajuste do header fixo nas PDPs para ficar abaixo da faixa "bora que vai" quando no topo */
body.bf-active .cursos_main.courses .box-shadow-header {
    top: 35px !important;
    transition: top 0.3s ease !important;
}

@media (max-width: 767px) {
    body.bf-active .cursos_main.courses .box-shadow-header {
        top: 30px !important;
    }
}

/* Quando rolar a página, header fixo cola no topo */
body.bf-active.scrolled .cursos_main.courses .box-shadow-header {
    top: 0 !important;
}

/* Padding-top no .cursos_main.courses para compensar a faixa fixa nas PDPs */
body.bf-active .cursos_main.courses {
    padding-top: 35px !important;
}

@media (max-width: 767px) {
    body.bf-active .cursos_main.courses {
        padding-top: 30px !important;
    }
}

/* ========================================
   SEÇÃO BLACK FRIDAY CURSOS - HOME
   ======================================== */

/* Remover espaço entre banner e "bora que vai" na home */
body.bf-active .banners-section {
    margin-bottom: 0 !important;
    background-color: #000000 !important;
}

/* Ajustar margin-fix no mobile para evitar espaço em branco no topo */
@media (max-width: 425px) {
    body.bf-active .margin-fix {
        margin-top: 45px !important;
    }
}

.bf-courses-section {
    background-color: #080701 !important;
    background-image: url("/public/img/site/Camada-gradiente.png") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: 100% auto !important;
    padding: 40px 0 60px 0 !important;
    margin-bottom: 0 !important;
}

.bf-courses-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 40px !important;
    flex-wrap: wrap !important;
}

.bf-courses-header-left {
    flex: 1 !important;
}

.bf-header-image {
    max-width: 100% !important;
    height: auto !important;
}

.bf-courses-header-right {
    flex-shrink: 0 !important;
}

.bf-all-courses-btn {
    display: inline-block !important;
    transition: transform 0.3s ease !important;
}

.bf-all-courses-btn:hover {
    transform: scale(1.05) !important;
}

.bf-all-courses-btn img {
    max-width: 100% !important;
    height: auto !important;
}

/* Carrossel Black Friday */
.bf-carousel-courses {
    margin-top: 30px !important;
}

/* Cards do carrossel Black Friday */
.bf-card-course {
    position: relative !important;
}

/* Badge EAD dentro da área de texto, acima do tipo de curso (Bacharelado, Tecnólogo, etc) */
.bf-ead-badge-inline {
    display: block !important;
    max-width: 60px !important;
    height: auto !important;
    margin-bottom: 6px !important;
}

/* Efeito hover sempre ativo */
.bf-card-hovered {
    box-shadow: inset 0 -180px 0 -1px rgba(0, 0, 0, 0.7) !important;
}

/* Arrow com fundo amarelo */
.bf-arrow-right {
    background: #FBDB1B !important;
    border-radius: 50% !important;
    padding: 4px !important;
    color: #000 !important;
    font-size: 18px !important;
}

/* Responsivo */
@media (max-width: 767px) {
    .bf-courses-section {
        padding: 30px 0 40px 0 !important;
    }

    .bf-courses-header {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 20px !important;
    }

    .bf-header-image {
        max-width: 280px !important;
    }

    .bf-ead-badge-inline {
        max-width: 45px !important;
    }
}

/* Listagens de cursos antigas (graduação e pós) - NÃO AFETA PDPs */
/* Essas páginas antigas usam .bg-list, então podemos usar isso como diferenciador */

body.bf-active .cursos_main.courses.graduation .bg-list,
body.bf-active .cursos_main.courses.posgraduation .bg-list {
    background: #090801 !important;
}

body.bf-active .cursos_main.courses.graduation .bg-list .filter-section,
body.bf-active .cursos_main.courses.posgraduation .bg-list .filter-section {
    background-color: #090801 !important;
    background-image: url("/public/img/site/Camada-gradiente.png") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: 100% auto !important;
}


/* Vitrine nova de cursos (/cursos/graduacao e /cursos/pos-graduacao) */
body.bf-active .selects-section {
    background-color: #090801 !important;
    background-image: url("/public/img/site/Camada-gradiente.png") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: 100% auto !important;
}

body.bf-active .selects-section h2 {
    color: #ffffff !important;
}

body.bf-active .page-content {
    background-color: #090801 !important;
}

body.bf-active .filters {
    background-color: transparent !important;
}

/* Cabeçalho dos filtros (Estado, Cidade, Unidade/Polo) sempre branco no modo Black Friday */
body.bf-active .filters .filter-header .filter-font,
body.bf-active .filters .filter-header .arrow-down {
    color: #ffffff !important;
}

body.bf-active .filters .filter-header.filter-disabled span,
body.bf-active .filters .filter-header.filter-disabled i {
    color: #ffffff !important;
}

/* Títulos e tipos de curso na vitrine nova */
body.bf-active .page-content h1 {
    color: #ffffff !important;
}

/* Link "Limpar todos filtros" mais visível no modo Black Friday */
body.bf-active .badge-section .clear-filters {
    color: #ffffff !important;
}

body.bf-active .badge-section .clear-filters svg path,
body.bf-active .badge-section .clear-filters svg rect {
    stroke: #ffffff !important;
}

body.bf-active .badge-section .clear-filters.disabled {
    color: #ACACAC !important;
}

body.bf-active .badge-section .clear-filters.disabled svg path,
body.bf-active .badge-section .clear-filters.disabled svg rect {
    stroke: #ACACAC !important;
}

body.bf-active .course-type-name {
    color: #ffffff !important;
}

/* Barra de busca "Digite o seu curso aqui" */
body.bf-active .course-search .input-course {
    background-color: #181818 !important;
    border-color: #E6E6E6 !important;
    color: #ffffff !important;
}

body.bf-active .course-search .input-course::placeholder {
    color: #ffffff !important;
}

/* Para compatibilidade com alguns navegadores */
body.bf-active .course-search .input-course::-webkit-input-placeholder {
    color: #ffffff !important;
}

body.bf-active .course-search .input-course:-ms-input-placeholder {
    color: #ffffff !important;
}

body.bf-active .course-search .search-icon path {
    stroke: #ffffff !important;
}

/* Barra de modalidades (gray-bar: EAD / Semipresencial / Presencial) */
body.bf-active .gray-bar {
    background-color: #222222 !important;
}

body.bf-active .gray-bar .badge-modality,
body.bf-active .gray-bar .filter-name {
    color: #ffffff !important;
}

/* Texto "Ordenar: Mais Relevantes" dentro da gray-bar */
body.bf-active .gray-bar .sorter,
body.bf-active .gray-bar .sorter span,
body.bf-active .gray-bar .sorter .sort-label {
    color: #ffffff !important;
}

body.bf-active .gray-bar .sorter svg path {
    fill: #ffffff !important;
}

/* Cards de curso - fundo branco na Black Friday */
body.bf-active .course-card {
    background-color: #ffffff !important;
}

/* Badge 65% OFF para cursos EAD em Black Friday */
body.bf-active .bf-badge-65off img {
    display: block;
    max-width: 149px;
    width: 149px;
    height: auto;
    margin-bottom: 5px;
}
/* Faixa Black Week no topo das imagens de cursos EAD (vitrine nova) */
body.bf-active .course-card .course-image-wrapper {
    position: relative;
}

body.bf-active .course-card .course-image-wrapper .bf-ead-top-ribbon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    pointer-events: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* Faixa EAD ao lado do nome do curso na PDP (Graduação) - APENAS FORA DA .filter-section */
body.bf-active .bf-course-header:not(.filter-section .bf-course-header) {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
}

body.bf-active .bf-course-header:not(.filter-section .bf-course-header) .bf-ead-header-ribbon {
    max-width: 100% !important;
    height: auto !important;
    flex-shrink: 0 !important;
    pointer-events: none !important;
    margin-top: 4px !important;
}

/* ========================================
   PROTEÇÃO TOTAL: .filter-section das PDPs
   NUNCA deve ser afetada por estilos Black Friday
   ======================================== */

/* Esconder completamente a imagem Black Friday dentro da .filter-section */
body.bf-active .filter-section .bf-ead-header-ribbon,
body.bf-active .filter-section .bf-ead-top-ribbon,
body.bf-active .filter-section .bf-badge-65off {
    display: none !important;
}

/* Resetar layout do .bf-course-header dentro da .filter-section */
body.bf-active .filter-section .bf-course-header {
    display: block !important;
    align-items: initial !important;
    gap: 0 !important;
}

/* Garantir que .filter-section NÃO receba background Black Friday */
body.bf-active .fixed-box .filter-section,
body.bf-active .cursos_main.courses .filter-section:not(.bg-list .filter-section) {
    background-image: none !important;
}


/* Paginação da vitrine nova de cursos (/cursos/graduacao e /cursos/pos-graduacao) */
body.bf-active .page-content .see-more,
body.bf-active .page-content .see-more .underline {
    color: #ffffff !important;
}

body.bf-active .page-content .see-more .see-more-static {
    color: #ffffff !important;
}

body.bf-active .page-content .see-more-loader path {
    fill: #ffffff !important;
}

body.bf-active .page-content .d-flex.justify-content-center span.text-center,
body.bf-active .page-content .d-flex.justify-content-center span.text-center strong {
    color: #ffffff !important;
}

/* Espaçamento extra abaixo da faixa "bora que vai" logo após a lista de cursos */
body.bf-active #main + .bf-bora-strip {
    margin-bottom: 30px !important;
}


/* Botão "Ir para o curso" nas páginas Graduacao/Pós (classe .btn-grad) com luminosidade */
body.bf-active .button.btn-grad,
body.bf-active button.btn-grad {
    box-shadow: 0px 0px 30px 0px #FACC154D, 0px 0px 15px 0px #FACC1580 !important;
}

body.bf-active .button.btn-grad:hover,
body.bf-active button.btn-grad:hover {
    box-shadow: 0px 0px 30px 0px #FACC154D, 0px 0px 15px 0px #FACC1580 !important;
}