/* Fix para slider do dark mode usando FontAwesome 7 - Abordagem Direta */

/* Força a fonte FontAwesome com seletores ultra-específicos */
html body [data-darkmode-toggle] .switch > .slider:before,
html body [data-darkmode-toggle] .switch > .slider::before {
    font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome" !important;
    content: "\f186" !important; /* fa-moon do FontAwesome */
    font-weight: 900 !important;
    font-style: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

html body [data-darkmode-toggle] .switch > input:checked + .slider:before,
html body [data-darkmode-toggle] .switch > input:checked + .slider::before {
    font-family: Arial, sans-serif !important;
    content: "☀" !important; /* Sol com raios */
    font-weight: 900 !important;
    font-style: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

html body [data-darkmode-switch] .switch > .slider:before,
html body [data-darkmode-switch] .switch > .slider::before {
    font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome" !important;
    content: "\f186" !important; /* fa-moon do FontAwesome */
    font-weight: 900 !important;
    font-style: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

html body [data-darkmode-switch] .switch > input:checked + .slider:before,
html body [data-darkmode-switch] .switch > input:checked + .slider::before {
    font-family: Arial, sans-serif !important;
    content: "☀" !important; /* Sol com raios */
    font-weight: 900 !important;
    font-style: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Fix para ícones do accordion - estado fechado (mostra +) */
.uc-accordion-title:after,
.uc-accordion-title::after {
    content: "+" !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
    font-size: 18px !important;
    color: inherit !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    line-height: 1 !important;
    transition: all 0.3s ease !important;
    z-index: 1 !important;
}

/* Fix para ícones do accordion - estado aberto (mostra ×) */
.uc-accordion-title[aria-expanded="true"]:after,
.uc-accordion-title[aria-expanded="true"]::after,
.uc-open > .uc-accordion-title:after,
.uc-open > .uc-accordion-title::after,
li.uc-open .uc-accordion-title:after,
li.uc-open .uc-accordion-title::after,
.uc-accordion > li.uc-open > .uc-accordion-title:after,
.uc-accordion > li.uc-open > .uc-accordion-title::after {
    content: "×" !important;
    font-size: 20px !important;
    transform: translateY(-50%) rotate(0deg) !important;
}

/* Garante posicionamento relativo para o container */
.uc-accordion-title {
    position: relative !important;
    padding-right: 40px !important; /* Espaço para o ícone */
}

/* Fix para ícones do accordion - Remove qualquer ícone existente */
.uc-accordion-title .fa,
.uc-accordion-title .fas,
.uc-accordion-title .icon,
.uc-accordion-title i,
.uc-accordion-title:before,
.uc-accordion-title::before {
    display: none !important;
    content: none !important;
}

/* Fix para ícones do accordion - estado fechado (mostra +) */
html body .uc-accordion-title:after,
html body .uc-accordion-title::after {
    content: "+" !important;
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
    font-size: 18px !important;
    color: inherit !important;
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    line-height: 1 !important;
    transition: all 0.3s ease !important;
    z-index: 10 !important;
    display: block !important;
}

/* Fix para ícones do accordion - estado aberto (mostra ×) */
html body .uc-accordion-title[aria-expanded="true"]:after,
html body .uc-accordion-title[aria-expanded="true"]::after,
html body .uc-open > .uc-accordion-title:after,
html body .uc-open > .uc-accordion-title::after,
html body li.uc-open .uc-accordion-title:after,
html body li.uc-open .uc-accordion-title::after,
html body .uc-accordion > li.uc-open > .uc-accordion-title:after,
html body .uc-accordion > li.uc-open > .uc-accordion-title::after {
    content: "×" !important;
    font-size: 20px !important;
    transform: translateY(-50%) rotate(0deg) !important;
    display: block !important;
}

/* Garante posicionamento relativo para o container */
html body .uc-accordion-title {
    position: relative !important;
    padding-right: 40px !important; /* Espaço para o ícone */
}

/* Fix para ícone fa-arrow-up-right - força exibição com Unicode */
html body .fas.fa-arrow-up-right:before,
html body .fa.fa-arrow-up-right:before,
html body i.fa-arrow-up-right:before {
    content: "↗" !important; /* Seta diagonal Unicode */
    font-family: Arial, sans-serif !important;
    font-weight: bold !important;
    font-style: normal !important;
    display: inline-block !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    transform: none !important;
    font-size: inherit !important;
}

/* Fix para outros ícones que podem ter problemas no FontAwesome 7 */
html body .fas.fa-arrow-right:before,
html body .fa.fa-arrow-right:before,
html body i.fa-arrow-right:before {
    content: "\f061" !important; /* Código correto para fa-arrow-right */
    font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    display: inline-block !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

html body .fas.fa-play:before,
html body .fa.fa-play:before,
html body i.fa-play:before {
    content: "\f04b" !important; /* Código correto para fa-play */
    font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    display: inline-block !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Fix para forçar cor laranja das estrelas SVG */
.rating img[src*="star.svg"],
.rating svg,
.rating .icon {
    fill: #F15A24 !important;
    color: #F15A24 !important;
}

/* Fix específico para SVGs processados pelo UIkit */
.rating img[data-uc-svg] svg,
.rating img[data-uc-svg] svg path,
.rating svg path {
    fill: #F15A24 !important;
}

/* Força a cor para qualquer SVG de estrela */
img[src*="star.svg"] {
    filter: brightness(0) saturate(100%) invert(46%) sepia(91%) saturate(2126%) hue-rotate(6deg) brightness(102%) contrast(95%) !important;
}

/* Fix para troca de logo quando header fica fixo */
.uc-logo img {
    transition: opacity 0.3s ease-in-out;
}

/* Logo original quando header não está fixo */
.uc-navbar-container:not(.uc-navbar-sticky) .uc-logo .logo-sticky {
    display: none !important;
}

/* Logo alternativa quando header está fixo */
.uc-navbar-container.uc-navbar-sticky .uc-logo .logo-original {
    display: none !important;
}

.uc-navbar-container.uc-navbar-sticky .uc-logo .logo-sticky {
    display: block !important;
}

/* Força a exibição correta com maior especificidade */
header.uc-header .uc-navbar-container:not(.uc-navbar-sticky) .uc-logo .logo-sticky {
    display: none !important;
}

header.uc-header .uc-navbar-container.uc-navbar-sticky .uc-logo .logo-original {
    display: none !important;
}

header.uc-header .uc-navbar-container.uc-navbar-sticky .uc-logo .logo-sticky {
    display: block !important;
}