/* ========================================
   MODO ALTO CONTRASTE
   Fundo: #000 | Texto: #FFF
   Botões: Fundo #FFF | Texto #000
   ======================================== */

/* Estilos Base */
.dark-mode {
    background-color: #000 !important;
    color: #FFFFFF !important;
}

body.dark-mode {
    background-color: #000 !important;
    color: #FFFFFF !important;
}

/* ========================================
   TOP BAR
   ======================================== */
body.dark-mode .top-bar {
    background-color: #000 !important;
    color: #FFFFFF !important;
}

body.dark-mode .top-links a {
    color: #FFFFFF !important;
}

body.dark-mode .top-links a:hover {
    background-color: #333 !important;
}

body.dark-mode .accessibility-controls i {
    color: #FFFFFF !important;
}

body.dark-mode .social-icons-top a {
    color: #FFFFFF !important;
}

/* ========================================
   HEADER
   ======================================== */
body.dark-mode header {
    background-color: #000 !important;
    color: #FFFFFF !important;
    box-shadow: 0 2px 10px rgba(255, 255, 255, 0.1) !important;
}

body.dark-mode .header-container {
    background-color: #000 !important;
    color: #FFFFFF !important;
}

body.dark-mode .logo-main {
    background-color: transparent !important;
    color: #FFFFFF !important;
}

/* Logos - Trocar para versão branca */
body.dark-mode #gov-logo-img-blue {
    display: none !important;
}

body.dark-mode #gov-logo-img-white {
    display: block !important;
}

/* Navegação */
body.dark-mode nav a {
    background-color: transparent !important;
    color: #FFFFFF !important;
}

body.dark-mode nav a:hover {
    background-color: #333 !important;
}

/* Botão Principal do Header */
body.dark-mode a.btn-primary,
body.dark-mode .btn-primary {
    background-color: #FFFFFF !important;
    color: #000 !important;
}

body.dark-mode .btn-primary i,
body.dark-mode .btn-outline-light i,
body.dark-mode .btn-mobile-access i {
    background-color: #FFFFFF !important;
    color: #000 !important;
}

body.dark-mode .header-container a.btn-primary:hover,
body.dark-mode header .btn-primary:hover {
    background-color: #CCCCCC !important;
    color: #000 !important;
}

/* ========================================
   MOBILE MENU
   ======================================== */
body.dark-mode .mobile-menu {
    background-color: #000 !important;
    color: #FFFFFF !important;
}

body.dark-mode .mobile-menu-header {
    background-color: #000 !important;
    border-bottom: 1px solid #333 !important;
}

body.dark-mode .mobile-menu-close {
    color: #FFFFFF !important;
}

body.dark-mode .mobile-menu-nav a {
    color: #FFFFFF !important;
    border-bottom: 1px solid #333 !important;
}

body.dark-mode .mobile-menu-nav a:hover {
    background-color: #333 !important;
}

body.dark-mode .mobile-menu-footer {
    background-color: #000 !important;
    border-top: 1px solid #333 !important;
}

body.dark-mode .btn-mobile-access {
    background-color: #FFFFFF !important;
    color: #000 !important;
}

body.dark-mode .btn-mobile-access:hover {
    background-color: #CCCCCC !important;
}

/* ========================================
   HERO SECTION
   ======================================== */
body.dark-mode #hero {
    background-color: #000 !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

body.dark-mode .hero-text h1 {
    color: #FFFFFF !important;
}

body.dark-mode .hero-text p {
    color: #FFFFFF !important;
}

body.dark-mode .btn-outline-light {
    background-color: #FFFFFF !important;
    color: #000 !important;
    border: 1px solid #FFFFFF !important;
}

body.dark-mode .btn-outline-light:hover {
    background-color: #CCCCCC !important;
    color: #000 !important;
}

/* ========================================
   SECTIONS
   ======================================== */
body.dark-mode section {
    background-color: #000 !important;
    color: #FFFFFF !important;
}

body.dark-mode .container {
    background-color: transparent !important;
    color: #FFFFFF !important;
}

/* ========================================
   FAIXA DE AJUDA
   ======================================== */
body.dark-mode #faixa_ajuda {
    background-color: #000 !important;
}

body.dark-mode .ajuda-icon {
    color: #FFFFFF !important;
}

body.dark-mode .ajuda-text {
    color: #FFFFFF !important;
}

/* ========================================
   BOTÕES
   ======================================== */
body.dark-mode .btn-primary {
    background-color: #FFFFFF !important;
    color: #000 !important;
}

body.dark-mode .btn-primary:hover {
    background-color: #CCCCCC !important;
    color: #000 !important;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.3) !important;
}

/* ========================================
   GOVERNO DIGITAL
   ======================================== */
body.dark-mode #governo_digital {
    background-color: #000 !important;
}

body.dark-mode .governo-header-center h2,
body.dark-mode .governo-header-center h2 span {
    color: #FFFFFF !important;
}

body.dark-mode .governo-header-center h2 span:first-child {
    color: #FFFFFF !important;
}

body.dark-mode .governo-header-center p {
    color: #FFFFFF !important;
}

body.dark-mode .governo-text h3 {
    color: #FFFFFF !important;
}

body.dark-mode .governo-text p {
    color: #FFFFFF !important;
}

body.dark-mode .governo-header-center h2 span {
    color: #FFFFFF !important;
}

/* ========================================
   MT ID SECTION
   ======================================== */
body.dark-mode #mt_id {
    background-color: #000 !important;
}

body.dark-mode .mt-id-header h2,
body.dark-mode .mt-id-header h2 span {
    color: #FFFFFF !important;
}

body.dark-mode .mt-id-header p {
    color: #FFFFFF !important;
}

body.dark-mode .mt-id-card {
    background-color: #000 !important;
    border: 1px solid #FFFFFF !important;
}

body.dark-mode .mt-id-card h3 {
    color: #FFFFFF !important;
}

body.dark-mode .mt-id-card p {
    color: #FFFFFF !important;
}

/* ========================================
   PRODUTOS SECTION
   ======================================== */
body.dark-mode #produtos {
    background-color: #000 !important;
}

body.dark-mode .produtos-header-center h2,
body.dark-mode .produtos-title-blue,
body.dark-mode .produtos-title-gray {
    color: #FFFFFF !important;
}

body.dark-mode .produtos-subtitle {
    color: #FFFFFF !important;
}

body.dark-mode .produtos-description {
    color: #FFFFFF !important;
}

body.dark-mode .produtos-title-gray {
    color: #FFFFFF !important;
}

/* MT Cidadão Logo - Trocar para versão branca */
#mt-cidadao-logo-regular {
    display: block;
}

#mt-cidadao-logo-white {
    display: none;
}

body.dark-mode #mt-cidadao-logo-regular {
    display: none !important;
}

body.dark-mode #mt-cidadao-logo-white {
    display: block !important;
}

/* ========================================
   CANAIS DE SUPORTE
   ======================================== */
body.dark-mode #canais_suporte {
    background-color: #000 !important;
}

body.dark-mode .suporte-header h2,
body.dark-mode .suporte-header h2 span {
    color: #FFFFFF !important;
}

body.dark-mode .suporte-header p {
    color: #FFFFFF !important;
}

body.dark-mode .suporte-card {
    background-color: #000 !important;
    border: 1px solid #FFFFFF !important;
}

body.dark-mode .suporte-card-icon,
body.dark-mode .suporte-card-icon i {
    color: #FFFFFF !important;
}

body.dark-mode .suporte-card h3 {
    color: #FFFFFF !important;
}

/* ========================================
   FOOTER
   ======================================== */
body.dark-mode #footer {
    background-color: #000 !important;
}

body.dark-mode .footer-main {
    background-color: #000 !important;
}

body.dark-mode .footer-content {
    background-color: #000 !important;
}

body.dark-mode .footer-col-left,
body.dark-mode .footer-col-center,
body.dark-mode .footer-col-right {
    background-color: transparent !important;
}

body.dark-mode .footer-socials img {
    filter: brightness(0) invert(1) !important;
}

body.dark-mode .footer-col-center h3 {
    color: #FFFFFF !important;
}

body.dark-mode .footer-col-center p {
    color: #FFFFFF !important;
}

body.dark-mode .footer-divider {
    background-color: #FFFFFF !important;
}

/* Footer Logo - Trocar para versão branca */
#footer-logo-regular {
    display: block;
}

#footer-logo-white {
    display: none;
}

body.dark-mode #footer-logo-regular {
    display: none !important;
}

body.dark-mode #footer-logo-white {
    display: block !important;
}

/* Back to Top Button - Trocar para versão branca */
#back-to-top-regular {
    display: block;
}

#back-to-top-white {
    display: none;
}

body.dark-mode #back-to-top-regular {
    display: none !important;
}

body.dark-mode #back-to-top-white {
    display: block !important;
}

body.dark-mode .back-to-top-btn span {
    color: #FFFFFF !important;
}

body.dark-mode .footer-bottom-bar {
    background-color: #000 !important;
    border-top: 1px solid #FFFFFF !important;
}

body.dark-mode .footer-dev-info span {
    color: #FFFFFF !important;
}

body.dark-mode footer div {
    background-color: transparent !important;
    color: #FFFFFF !important;
}

/* ========================================
   HEADINGS E TEXTOS
   ======================================== */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
    color: #FFFFFF !important;
}

body.dark-mode p {
    color: #FFFFFF !important;
}

body.dark-mode a {
    color: #FFFFFF !important;
}

/* ========================================
   UNDERLINES E DECORAÇÕES
   ======================================== */
body.dark-mode .produtos-title-underline,
body.dark-mode .mt-id-header h2 span[style*="background-color"],
body.dark-mode .governo-header-center h2 span[style*="background-color"],
body.dark-mode .suporte-header h2 span[style*="background-color"] {
    background-color: #FFFFFF !important;
}

/* ========================================
   OVERRIDE DE ESTILOS INLINE
   ======================================== */
/* Sobrescrever cores inline de títulos */
body.dark-mode h2[style*="color"],
body.dark-mode h3[style*="color"],
body.dark-mode h4[style*="color"],
body.dark-mode span[style*="color"] {
    color: #FFFFFF !important;
}

/* Sobrescrever cores inline de parágrafos */
body.dark-mode p[style*="color"] {
    color: #FFFFFF !important;
}

/* Sobrescrever backgrounds inline */
body.dark-mode div[style*="background-color"],
body.dark-mode span[style*="background-color: #0045A5"],
body.dark-mode span[style*="background-color:#0045A5"] {
    background-color: #FFFFFF !important;
}

/* Sobrescrever cores de ícones inline */
body.dark-mode i[style*="color"] {
    color: #FFFFFF !important;
}

/* Ícones do Font Awesome */
body.dark-mode .fa,
body.dark-mode .fas,
body.dark-mode .far,
body.dark-mode .fab {
    color: #FFFFFF !important;
}

/* Garantir que spans dentro de h2 também fiquem brancos */
body.dark-mode h2 span,
body.dark-mode h3 span {
    color: #FFFFFF !important;
}