/* Modo Escuro - CSS */

body.dark-mode {
    background-color: #1a1a1a;
    color: #e0e0e0;
}

/* Cards e Containers */
body.dark-mode .card,
body.dark-mode .post {
    background-color: #2d2d2d;
    border-color: #404040;
    color: #e0e0e0;
}

body.dark-mode .card-header {
    background-color: #333;
    border-color: #404040;
    color: #e0e0e0;
}

/* Formulários */
body.dark-mode .form-control,
body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="password"],
body.dark-mode textarea,
body.dark-mode select {
    background-color: #333;
    border-color: #555;
    color: #e0e0e0;
}

body.dark-mode .form-control:focus,
body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
    background-color: #3a3a3a;
    border-color: #666;
    color: #e0e0e0;
}

body.dark-mode .form-control::placeholder {
    color: #888;
}

/* Tabelas */
body.dark-mode table {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

body.dark-mode table th {
    background-color: #333;
    color: #e0e0e0;
    border-color: #404040;
}

body.dark-mode table td {
    border-color: #404040;
}

body.dark-mode table tbody tr:hover {
    background-color: #3a3a3a;
}

/* Alertas */
body.dark-mode .alert {
    background-color: #333;
    border-color: #555;
    color: #e0e0e0;
}

body.dark-mode .alert-success {
    background-color: #1e4620;
    border-color: #2d6a2f;
    color: #a3e4a7;
}

body.dark-mode .alert-danger {
    background-color: #4a1616;
    border-color: #6b2020;
    color: #f5a3a3;
}

body.dark-mode .alert-warning {
    background-color: #4a3d16;
    border-color: #6b5a20;
    color: #f5e3a3;
}

body.dark-mode .alert-info {
    background-color: #16344a;
    border-color: #204d6b;
    color: #a3d5f5;
}

/* Badges */
body.dark-mode .badge {
    background-color: #444;
    color: #e0e0e0;
}

body.dark-mode .badge-success {
    background-color: #2d6a2f;
}

body.dark-mode .badge-danger {
    background-color: #6b2020;
}

body.dark-mode .badge-warning {
    background-color: #6b5a20;
}

body.dark-mode .badge-info {
    background-color: #204d6b;
}

/* Links */
body.dark-mode a {
    color: #66b3ff;
}

body.dark-mode a:hover {
    color: #99ccff;
}

/* Fórum Específico */
body.dark-mode .topico-card {
    background-color: #2d2d2d;
    border-color: #404040;
}

body.dark-mode .topico-card:hover {
    background-color: #3a3a3a;
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1);
}

body.dark-mode .categoria-card {
    background-color: #2d2d2d;
    border-color: #404040;
}

body.dark-mode .categoria-card:hover {
    background-color: #3a3a3a;
}

/* Editor Quill */
body.dark-mode .ql-toolbar {
    background-color: #333;
    border-color: #555;
}

body.dark-mode .ql-container {
    background-color: #2d2d2d;
    border-color: #555;
    color: #e0e0e0;
}

body.dark-mode .ql-editor {
    color: #e0e0e0;
}

body.dark-mode .ql-editor.ql-blank::before {
    color: #888;
}

body.dark-mode .ql-snow .ql-stroke {
    stroke: #e0e0e0;
}

body.dark-mode .ql-snow .ql-fill {
    fill: #e0e0e0;
}

body.dark-mode .ql-snow .ql-picker {
    color: #e0e0e0;
}

/* Notificações */
body.dark-mode .notificacao {
    background-color: #2d2d2d;
    border-color: #404040;
}

body.dark-mode .notificacao:hover {
    background-color: #3a3a3a;
}

body.dark-mode .notificacao.nao-lida {
    background-color: #1e3a4a;
    border-left-color: #3a7ca5;
}

body.dark-mode .notificacao-tempo {
    color: #aaa;
}

/* Botões */
body.dark-mode .btn-light {
    background-color: #444;
    border-color: #555;
    color: #e0e0e0;
}

body.dark-mode .btn-light:hover {
    background-color: #555;
    border-color: #666;
    color: #fff;
}

body.dark-mode .btn-secondary {
    background-color: #555;
    border-color: #666;
}

body.dark-mode .btn-secondary:hover {
    background-color: #666;
    border-color: #777;
}

/* Sidebar */
body.dark-mode .sidebar {
    background-color: #2d2d2d;
    border-color: #404040;
}

body.dark-mode .widget {
    background-color: #333;
    border-color: #404040;
}

/* Breadcrumbs */
body.dark-mode .breadcrumb {
    background-color: #2d2d2d;
}

body.dark-mode .breadcrumb a {
    color: #66b3ff;
}

/* Stats e Contadores */
body.dark-mode .stats-box {
    background-color: #2d2d2d;
    border-color: #404040;
}

/* Code blocks */
body.dark-mode pre,
body.dark-mode code {
    background-color: #1a1a1a;
    color: #f8f8f2;
    border-color: #404040;
}

/* Blockquotes */
body.dark-mode blockquote {
    background-color: #2d2d2d;
    border-left-color: #555;
    color: #ccc;
}

/* Hover effects */
body.dark-mode .hover-card:hover {
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.1);
}

/* Texto em geral */
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: #f0f0f0;
}

body.dark-mode p,
body.dark-mode span,
body.dark-mode div {
    color: #e0e0e0;
}

body.dark-mode small {
    color: #aaa;
}

/* Scrollbar */
body.dark-mode ::-webkit-scrollbar {
    width: 12px;
    background-color: #1a1a1a;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background-color: #555;
    border-radius: 6px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background-color: #666;
}

/* Modal */
body.dark-mode .modal-content {
    background-color: #2d2d2d;
    color: #e0e0e0;
}

body.dark-mode .modal-header {
    background-color: #333;
    border-color: #404040;
}

body.dark-mode .modal-footer {
    background-color: #333;
    border-color: #404040;
}

/* Dropdown */
body.dark-mode .dropdown-menu {
    background-color: #2d2d2d;
    border-color: #404040;
}

body.dark-mode .dropdown-item {
    color: #e0e0e0;
}

body.dark-mode .dropdown-item:hover {
    background-color: #3a3a3a;
    color: #fff;
}

/* Pagination */
body.dark-mode .pagination .page-link {
    background-color: #2d2d2d;
    border-color: #404040;
    color: #66b3ff;
}

body.dark-mode .pagination .page-link:hover {
    background-color: #3a3a3a;
    color: #99ccff;
}

body.dark-mode .pagination .page-item.active .page-link {
    background-color: #204d6b;
    border-color: #204d6b;
}

/* Container principal */
body.dark-mode .container {
    background-color: transparent;
}

/* Header */
body.dark-mode header {
    background: linear-gradient(135deg, #1a1a1a, #2d2d2d);
}

/* Footer */
body.dark-mode footer {
    background-color: #1a1a1a;
    color: #aaa;
}

body.dark-mode footer a {
    color: #66b3ff;
}

body.dark-mode footer a:hover {
    color: #99ccff;
}

/* Reações */
body.dark-mode .reaction-picker {
    background-color: #2d2d2d !important;
    border-color: #555 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

body.dark-mode .reaction-picker a {
    opacity: 0.8;
}

body.dark-mode .reaction-picker a:hover {
    opacity: 1;
}

/* Assinaturas */
body.dark-mode .post div[style*="border-top: 1px solid #e0e0e0"] {
    border-top-color: #444 !important;
}

body.dark-mode .post div[style*="font-style: italic"] {
    color: #999 !important;
}

/* Index.php - Seções específicas */
body.dark-mode .hero {
    background: linear-gradient(135deg, #1a1a1a, #2d2d2d) !important;
}

body.dark-mode .services {
    background-color: #1a1a1a !important;
}

body.dark-mode section[style*="background-color: white"],
body.dark-mode section[style*="background-color:#f5f5f5"],
body.dark-mode section[style*="background-color: #f5f5f5"] {
    background-color: #2d2d2d !important;
}

body.dark-mode .service-card {
    background-color: #333 !important;
    border-color: #404040;
}

body.dark-mode .service-card:hover {
    background-color: #3a3a3a !important;
}

/* Textos das seções do index */
body.dark-mode section p[style*="color: #666"],
body.dark-mode section p[style*="color:#666"] {
    color: #aaa !important;
}

/* Cards de serviços e notícias com fundo branco inline */
body.dark-mode div.service-card[style*="background: white"],
body.dark-mode div.service-card[style*="background:white"] {
    background: #333 !important;
}

/* Contact section */
body.dark-mode .contact {
    background-color: #1a1a1a !important;
}

body.dark-mode .contact-form {
    background-color: #2d2d2d !important;
}

/* Instagram e outras seções com background claro */
body.dark-mode section[style*="background-color: #f9f9f9"],
body.dark-mode section[style*="background-color:#f9f9f9"] {
    background-color: #2d2d2d !important;
}

body.dark-mode section[style*="background-color: var(--light-color)"] {
    background-color: #2d2d2d !important;
}

/* Placeholder do Instagram */
body.dark-mode .instagram-feed div[style*="background: white"] {
    background: #333 !important;
}

body.dark-mode .instagram-feed h3[style*="color: #333"],
body.dark-mode h2[style*="color: #333"],
body.dark-mode h3[style*="color: #333"] {
    color: #f0f0f0 !important;
}

body.dark-mode .instagram-feed p[style*="color: #666"],
body.dark-mode p[style*="color: #666"] {
    color: #aaa !important;
}

/* Notícias e cards */
body.dark-mode .news-card,
body.dark-mode .info-card {
    background-color: #333 !important;
    border-color: #404040;
}

/* Outros elementos do index */
body.dark-mode section div[style*="background: white"] {
    background: #333 !important;
}