/* Dark Theme */

[data-theme="dark"] {

    /* Cores principais no modo escuro - ajustando para mais escuro */

    --color-primary: #0a1f1d;

    --color-primary-light: rgba(10, 31, 29, 0.1);

    --color-primary-dark: #051211;

    

    /* Cores secundárias no modo escuro */

    --color-secondary: #1d6b5f;

    --color-secondary-light: #4ba697;

    --color-secondary-dark: #0f3934;

    

    /* Cores de texto no modo escuro */

    --color-text: #ffffff;

    --color-text-light: rgba(255, 255, 255, 0.7);

    --color-text-lighter: rgba(255, 255, 255, 0.5);

    --color-text-white: #ffffff;

    

    /* Cores de fundo no modo escuro - mais escuras */

    --color-bg-light: #000000;    /* Era #1a1a1a */

    --color-bg-white: #000000;    /* Era #0a0a0a */

    --color-bg-card: #0a0a0a;     /* Era #141414 */

    

    /* Cores de utilidade no modo escuro */

    --color-border: #1a1a1a;      /* Era #2a2a2a */

    --color-overlay: rgba(0, 0, 0, 0.95);

    --color-shadow: rgba(0, 0, 0, 0.6);

}



/* Ajustes específicos para o modo escuro */

[data-theme="dark"] {

    /* Ajustes gerais */

    background-color: var(--color-bg-white) !important;

    color: var(--color-text);

}



[data-theme="dark"] html {

    background-color: var(--color-bg-white) !important;

}



[data-theme="dark"] body {

    background-color: var(--color-bg-white) !important;

}



/* Ajustes de cards e containers */

[data-theme="dark"] .container,

[data-theme="dark"] .container-fluid {

    background-color: var(--color-bg-white);

}



[data-theme="dark"]  .top-bar {

    background-color: #000000 !important;

    border-bottom: 1px solid var(--color-border);

}



/* Forçar o fundo escuro em todas as seções */

[data-theme="dark"] .main-content,

[data-theme="dark"] section,

[data-theme="dark"] .container,

[data-theme="dark"] .container-fluid,

[data-theme="dark"] .row,

[data-theme="dark"] .col,

[data-theme="dark"] .col-md-3,

[data-theme="dark"] .col-md-4,

[data-theme="dark"] .col-lg-3,

[data-theme="dark"] .col-lg-4 {

    background-color: var(--color-bg-white) !important;

}



/* Remover classes bg-light do Bootstrap */

[data-theme="dark"] .bg-light {

    background-color: var(--color-bg-white) !important;

}



/* Ajustes de seções específicas */

[data-theme="dark"] .news-main {

    background-color: var(--color-bg-white);

}

[data-theme="dark"] .news-main h1 a {

    color: #FFFFFF !important;

    background-image: linear-gradient(var(#FFFFFF), var(#FFFFFF));

}

[data-theme="dark"] .news-main h1 a:hover {

    color: #FFFFFF !important;

}





[data-theme="dark"] .trending-content {

    background-color: var(--color-bg-light);

}



[data-theme="dark"] .category-section {

    background-color: var(--color-bg-white);

}



/* Ajustes dos modais e overlays */

[data-theme="dark"] .modal-content {

    background-color: #000000;

}



[data-theme="dark"] .modal-header {

    border-bottom-color: var(--color-border);

}



[data-theme="dark"] .modal-footer {

    border-top-color: var(--color-border);

}



/* Ajustes de elementos de formulário */

[data-theme="dark"] input,

[data-theme="dark"] select,

[data-theme="dark"] textarea {

    background-color: #000000 !important;

    border-color: var(--color-border) !important;

}



/* Ajustes do menu e navegação */

[data-theme="dark"] .navbar-collapse {

    background-color: var(--color-primary);

}



[data-theme="dark"] .secondary-nav {

    background-color: #000000 !important;

}



/* Ajustes das cards de notícias */

[data-theme="dark"] .featured-news,

[data-theme="dark"] .trending-card,

[data-theme="dark"] .portal-slide {

    background-color: #0a0a0a !important;

    border: 1px solid var(--color-border);

}



/* Ajustes dos banners de publicidade */

[data-theme="dark"] .ad-banner,

[data-theme="dark"] .ad-banner-large {

    background-color: var(--color-bg-card);

    border: 1px solid var(--color-border);

}



/* Ajustes da seção de agenda */

[data-theme="dark"] .agenda-section {

    background-color: var(--color-bg-white) !important;

}



[data-theme="dark"] .agenda-card {

    background-color: var(--color-bg-card);

    box-shadow: 0 4px 15px var(--color-shadow);

}



/* Ajustes do footer */

[data-theme="dark"] .footer {

    background-color: #000000 !important;

    border-top: 1px solid var(--color-border);

}



[data-theme="dark"] .footer-description {

    color: var(--color-text-light);

}



[data-theme="dark"] .footer-social a {

    background: var(--color-bg-light);

    color: var(--color-text-light);

}



[data-theme="dark"] .footer-social a:hover {

    background: var(--color-secondary);

    color: var(--color-text-white);

}



[data-theme="dark"] .footer-title {

    color: var(--color-text-white);

}



[data-theme="dark"] .footer-title::after {

    background: var(--color-secondary);

}



[data-theme="dark"] .footer-links a {

    color: var(--color-text-light);

}



[data-theme="dark"] .footer-links a:hover {

    color: var(--color-secondary);

}



[data-theme="dark"] .footer-links a i {

    color: var(--color-secondary);

}



[data-theme="dark"] .footer-bottom {

    background-color: #000000 !important;

    border-top: 1px solid var(--color-border);

    color: var(--color-text-light);

}



/* Ajustes de texto e links */

[data-theme="dark"] h1, 

[data-theme="dark"] h2, 

[data-theme="dark"] h3, 

[data-theme="dark"] h4, 

[data-theme="dark"] h5, 

[data-theme="dark"] h6 {

    color: var(--color-text);

}



[data-theme="dark"] p {

    color: var(--color-text);

}



[data-theme="dark"] a {

    color: var(--color-text);

}



/* Ajustes de elementos de interação */

[data-theme="dark"] .btn {

    background-color: var(--color-bg-light);

    border-color: var(--color-border);

    color: var(--color-text);

}



[data-theme="dark"] .btn:hover {

    background-color: var(--color-primary);

    color: var(--color-text-white);

}



/* Ajustes de sombras */

[data-theme="dark"] .shadow,

[data-theme="dark"] .shadow-sm,

[data-theme="dark"] .shadow-lg {

    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.8) !important;

}



/* Navbar e Menu */

[data-theme="dark"] .navbar {

    background-color: #000000 !important;

    border-bottom-color: var(--color-border);

}



[data-theme="dark"] .nav-link {

    color: var(--color-text-white) !important;

}



/* Cards e Notícias */

[data-theme="dark"] .trending-title,

[data-theme="dark"] .portal-title a,

[data-theme="dark"] .agenda-event {

    color: var(--color-text-white);

}



[data-theme="dark"] .trending-meta,

[data-theme="dark"] .news-time,

[data-theme="dark"] .agenda-location {

    color: var(--color-text-light);

}



[data-theme="dark"] .news-list .news-item {

    border-bottom-color: var(--color-border);

}



[data-theme="dark"] .news-list-content h4 a {

    color: var(--color-text);

}



/* Portal do Município */

[data-theme="dark"] .portal-municipio {

    background-color: #000000 !important;

}



[data-theme="dark"] .portal-title a {

    color: var(--color-text);

}



/* Agenda */

[data-theme="dark"] .agenda-event {

    color: var(--color-text);

}



[data-theme="dark"] .agenda-location {

    color: var(--color-text-light);

}



/* Overlay de Busca */

[data-theme="dark"] .search-overlay {

    background-color: rgba(0, 0, 0, 0.98);

}



[data-theme="dark"] .search-overlay-input {

    background: var(--color-bg-light);

    color: var(--color-text);

    border: 1px solid var(--color-border);

}



/* Botões e Interações */

[data-theme="dark"] .trending-action-btn,

[data-theme="dark"] .news-list-action-btn {

    color: var(--color-text-light);

}



[data-theme="dark"] .back-to-top {

    background: var(--color-primary);

}



/* Submenu */

[data-theme="dark"] .submenu {

    background: #000000;

}



[data-theme="dark"] .submenu .nav-link {

    color: var(--color-text-white) !important;

    border-bottom-color: var(--color-border);

}



[data-theme="dark"] .submenu .nav-link:hover {

    background: var(--color-primary);

    color: var(--color-secondary) !important;

}



/* Ajustes de Transição */

[data-theme="dark"] * {

    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;

}



/* Ajustes para o botão de tema */

.theme-switch {

    position: relative;

    width: 30px;

    height: 30px;

    margin-left: 1rem;

    cursor: pointer;

}



.theme-switch input {

    opacity: 0;

    width: 0;

    height: 0;

    position: absolute;

}



/* Estilo do ícone */

.theme-switch-slider {

    width: 100%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 1.2rem;

    color: white;

    transition: transform 0.3s ease;

}



/* Ícone do sol (modo light) */

.theme-switch-slider:before {

    content: "\f185";

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    color: white;

    position: absolute;

    opacity: 1;

    transition: opacity 0.3s ease;

}



/* Ícone da lua (modo dark) */

.theme-switch-slider:after {

    content: "\f186";

    font-family: 'Font Awesome 5 Free';

    font-weight: 900;

    color: white;

    position: absolute;

    opacity: 0;

    transition: opacity 0.3s ease;

}



/* Estado checked (dark mode) */

input:checked + .theme-switch-slider:before {

    opacity: 0;

}



input:checked + .theme-switch-slider:after {

    opacity: 1;

}



/* Efeito hover */

.theme-switch:hover {

    transform: scale(1.1);

}



/* Ajustes específicos para cards */

[data-theme="dark"] .portal-slide {

    background-color: var(--color-bg-card);

}



[data-theme="dark"] .portal-content {

    background-color: var(--color-bg-card);

}



[data-theme="dark"] .trending-card {

    background-color: var(--color-bg-card);

}



[data-theme="dark"] .featured-news {

    background-color: var(--color-bg-card);

}



/* Ajuste do gradiente nos cards de notícias */

[data-theme="dark"] .news-content {

    background: linear-gradient(transparent, rgba(0,0,0,0.95));

}



/* Estilos do logo Foco no tema dark */

[data-theme="dark"] .developer-logo {

    filter: brightness(0) invert(1); /* Inverte as cores para branco */

    opacity: 0.8;

    transition: opacity 0.3s ease;

}



[data-theme="dark"] .developer-name {

    color: rgba(255, 255, 255, 0.9); /* Texto mais claro no tema dark */

}



[data-theme="dark"] .developer-link:hover .developer-logo {

    opacity: 1;

    filter: brightness(0) invert(1);

}



[data-theme="dark"] .developer-link:hover .developer-name {

    color: #ffffff; /* Texto totalmente branco no hover */

}



[data-theme="dark"] .footer-bottom {

    background: var(--color-primary-dark); /* Fundo mais escuro para o footer-bottom */

}