/* ============================================================
   CONTRAST MODE (Acessibilidade)
   Versão revisada e otimizada (com substituição de logo)
   ============================================================ */

html.contrast,
body.contrast {
    background: black !important;
    color: white !important;
}

/* Elementos base */
.contrast div {
    background: transparent !important;
}

.contrast,
.contrast nav,
.contrast li,
.contrast ol,
.contrast header,
.contrast footer,
.contrast section,
.contrast main,
.contrast aside,
.contrast article,
.contrast .wsmainfull,
.contrast .wsmenu > .wsmenu-list > li > .wsmegamenu {
    background: black !important;
    color: white !important;
}

/* Títulos e textos */
.contrast h1,
.contrast h2,
.contrast h3,
.contrast h4,
.contrast h5,
.contrast h6,
.contrast p,
.contrast label,
.contrast strong,
.contrast em,
.contrast cite,
.contrast q,
.contrast b,
.contrast u,
.contrast span {
    color: white !important;
}

/* Destaques */
.contrast h4,
.contrast i {
    color: var(--bs-primary);
}

/* Corrigido: textos que estavam ilegíveis (pretos) */
.contrast .caption-txt > h5,
.contrast .caption-txt > h2,
.contrast #hero-1 .hero-txt p,
.contrast #hero-2 .caption p,
.contrast #hero-7 .caption p,
.contrast .box-list-icon i {
    color: yellow !important;
}

/* Links e botões */
.contrast a,
.contrast a:link,
.contrast a:active,
.contrast a:visited,
.contrast a > i,
.contrast a:link > i,
.contrast a > h5,
.contrast .btn-blue > strong {
    color: var(--bs-primary);
    background: black !important;
    border-color: var(--bs-primary);
}

.contrast a > h2,
.contrast .post-summary > a > strong,
.contrast .todas-esp > a > strong {
    color: var(--cor_secundaria);
}

/* Botões e inputs */
.contrast input[type=button],
.contrast input[type=reset],
.contrast input[type=submit] {
    background: black !important;
    color: var(--cor_secundaria);
    border: 1px solid var(--cor_secundaria) !important;
}

.contrast button {
    color: var(--cor_secundaria);
}

/* Campos de formulário */
.contrast input[type=text],
.contrast input[type=password],
.contrast input[type=url],
.contrast input[type=search],
.contrast input[type=email],
.contrast input[type=tel],
.contrast input[type=date],
.contrast input[type=month],
.contrast input[type=week],
.contrast input[type=datetime],
.contrast input[type=datetime-local],
.contrast input[type=number],
.contrast textarea,
.contrast .custom-select,
.contrast .form-control {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}

.contrast ::placeholder,
.contrast :-ms-input-placeholder,
.contrast ::-ms-input-placeholder {
    color: #fff !important;
    opacity: 1;
}

/* Imagens */
.contrast img.on-contrast-force-gray {
    filter: grayscale(100%) contrast(120%);
}

.contrast img.on-contrast-force-white {
    filter: brightness(0) invert(1);
}

/* Mantém filtro como fallback */
.contrast .logo_contrast {
    filter: invert(100%) brightness(120%) contrast(200%) saturate(200%) !important;
}

/* Substituição solicitada do logo no modo contraste (mantive também o filtro como fallback) */
.contrast .logo-img {
    content: url("../../../../assets/img/logos/footer.png") !important;
}

/* Elementos de interface */
.contrast .image-zoom,
.contrast .bgChanger,
.contrast .blockChanger,
.contrast #stlChanger .blockChanger,
.contrast #search-field .btn {
    background: transparent !important;
}

/* Tabelas */
.contrast .table thead {
    background: #000 !important;
}

.contrast .table-proximos-sorteios > tbody > tr:nth-child(even) {
    background: #000 !important;
}

.contrast .table-proximos-sorteios > tbody > tr:nth-child(odd) {
    background: #111 !important;
}

.contrast .table-proximos-sorteios-title,
.contrast .table-proximos-sorteios-title > strong {
    color: yellow !important;
}

.contrast .table-proximos-sorteios-texts {
    color: #fff !important;
}

.contrast .table-proximos-sorteios .ribbon .dbody {
    border-color: white !important;
}

/* Calendário */
.contrast .calendar-date,
.contrast .calendar-date-view {
    background: black !important;
    color: white !important;
}

/* Dots e sliders */
.contrast .services-section .owl-theme .owl-dots .owl-dot span,
.contrast .reviews-section .owl-theme .owl-dots .owl-dot span,
.contrast .slider.blue-nav .indicators .indicator-item {
    border-color: var(--cor_secundaria);
}

.contrast .services-section .owl-theme .owl-dots .owl-dot.active span,
.contrast .reviews-section .owl-theme .owl-dots .owl-dot.active span,
.contrast .slider.blue-nav .indicators .indicator-item.active,
.contrast .slider.blue-nav .indicators .indicator-item:hover span {
    background: var(--cor_secundaria);
}

/* Headers, menus e rodapés */
.contrast .headertop-social,
.contrast .white-popup,
.contrast .stBlock,
.contrast .chBody,
.contrast .wsmobileheader,
.contrast #top_header,
.contrast .navbar {
    background: #000 !important;
    border-color: #000 !important;
}

/* Header / Navbar Dropdown */
.contrast .header-navbar .navbar .dropdown-menu {
    font-size: var(--bs-body-font-size);
    box-shadow: var(--bs-box-shadow-sm);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-color: #000;
    padding: .75rem 0;
    background-color: #000;
}

/* Acessibilidade e WhatsApp */
.contrast #menu-accessibility .chBut {
    background: var(--bs-primary);
    border-color: yellow !important;
}

.contrast #menu-accessibility .chBut i {
    color: #fff !important;
}

.contrast .wa_head,
.contrast .wa_content,
.contrast .wa_contact,
.contrast .phone_contact,
.contrast .email_contact {
    background: #111 !important;
    color: #fff !important;
}

.contrast .wa_contact a,
.contrast .phone_contact a,
.contrast .email_contact a {
    background: #000 !important;
    color: yellow !important;
}

.contrast #wa_popup {
    background: #000 !important;
    border: solid 1px #fff !important;
}

/* FAQ */
.contrast #faqs-page #accordion [data-toggle="collapse"]:after {
    color: yellow !important;
}

/* Botões especiais */
.contrast #submit {
    background: #000 !important;
    color: yellow !important;
}

.contrast #submit:hover {
    background: #000 !important;
    color: yellow !important;
}

/* Ícones */
.contrast .navbar-toggler-icon i,
.contrast .fa-search,
.contrast #submit i {
    color: yellow !important;
}

/* Ícones personalizados */
.contrast .hicon-mmb-account:before,
.contrast .hicon-flights-pin {
    content: "\F371";
    color: #fff !important;
}

/* Modais */
.contrast .modal-content.border-0.shadow-lg {
    background-color: #000 !important;
    color: #fff !important;
}

/* Ajustes gerais */
.contrast *,
.contrast ::after,
.contrast ::before {
    box-sizing: border-box;
}

.contrast img {
    border: none !important;
}

.contrast a.carousel-control-next,
.contrast a.carousel-control-prev {
    background: transparent !important;
}

.contrast .card-header,
.contrast .card-header:hover {
    background: #000 !important;
}

.contrast .card-header h5 button h4,
.contrast .card-header h5 button h4 i {
    color: yellow !important;
}

.contrast .btn-close {
    background-color: var(--bs-primary) !important;
    border-radius: 50%;  /* Torna o botão redondo */
    width: 40px;  /* Ajuste o tamanho conforme necessário */
    height: 40px;  /* Ajuste o tamanho conforme necessário */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;  /* Remove o padding para garantir que seja perfeito circular */
}

/* Correção: Removido seletor duplicado */
.contrast .offcanvas .offcanvas-navbar .offcanvas-start .border-end-0 .show {
    background-color: #000 !important;
}