/* ================================================
   THEMES.CSS — Tema Claro/Escuro e Overrides
   Midnight Edition | MinhaRua App
   ================================================ */

/* ================= TOGGLE ÍCONES (LUA / SOL) ================= */
.btn-tema-toggle .tema-icon-claro,
.btn-tema-toggle .tema-icon-escuro { display: none; }

[data-tema="escuro"] .btn-tema-toggle .tema-icon-escuro { display: inline-block !important; }
[data-tema="claro"]  .btn-tema-toggle .tema-icon-claro  { display: inline-block !important; }

/* ================= OVERRIDES - TEMA ESCURO (Midnight) ================= */
[data-tema="escuro"] .item-timeline {
    background: #1a1a1d !important;
    border-color: #2a2a2d !important;
    color: #ffffff;
}
[data-tema="escuro"] .item-timeline:hover { border-color: rgba(57,255,20,0.25) !important; }
[data-tema="escuro"] .timeline-header { color: rgba(255,255,255,0.88); }
[data-tema="escuro"] .timeline-header small { color: rgba(255,255,255,0.45); }
[data-tema="escuro"] .timeline-status-text { color: rgba(255,255,255,0.55); }
[data-tema="escuro"] .painel-footer { background: #1a1a1a !important; border-color: #2a2a2a !important; }
[data-tema="escuro"] .lista-ocorrencias h4 { background: #1a1a1a !important; color: #39ff14; }
[data-tema="escuro"] .status-track::before { background: #2a2a2a; }
[data-tema="escuro"] .step { background: #2a2a2d; border-color: #3a3a3d; color: rgba(255,255,255,0.7); }
[data-tema="escuro"] .step.done { background: #22c55e; border-color: #22c55e; color: white; }

/* ================= OVERRIDES - TEMA CLARO ================= */
[data-tema="claro"] .main-header {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
}
[data-tema="claro"] .main-nav a { color: #374151; }
[data-tema="claro"] .main-nav a:hover { color: #0ea5e9; background-color: rgba(14,165,233,0.07); text-shadow: none; }
[data-tema="claro"] .brand-name { color: #111827; }
[data-tema="claro"] .logo-text .tagline { color: #6b7280; }

[data-tema="claro"] .leaflet-tile-pane { filter: none !important; }

[data-tema="claro"] .floating-panel,
[data-tema="claro"] #painel-filtros {
    background: rgba(255,255,255,0.96) !important;
    border: 1px solid #e5e7eb !important;
    color: #1f2937 !important;
}
[data-tema="claro"] #painel-filtros h3 { color: #0ea5e9 !important; border-color: #e5e7eb !important; }
[data-tema="claro"] .btn-filter-map { color: #374151; border-color: #e5e7eb; }
[data-tema="claro"] .btn-filter-map:hover { background: #f3f4f6; }
[data-tema="claro"] .btn-filter-map.ativo { background: #0ea5e9; border-color: #0ea5e9; color: white; }

[data-tema="claro"] .popup-glass {
    background: rgba(255,255,255,0.96) !important;
    border: 1px solid #e5e7eb !important;
    color: #1f2937 !important;
}
[data-tema="claro"] .popup-header-title  { color: #1f2937 !important; }
[data-tema="claro"] .popup-meta-title    { color: #1f2937 !important; }
[data-tema="claro"] .popup-meta-sub      { color: #6b7280 !important; }
[data-tema="claro"] .popup-counter-num   { color: #16a34a !important; }
[data-tema="claro"] .popup-counter-label { color: #6b7280 !important; }
[data-tema="claro"] .btn-reportar-falso  { background: rgba(0,0,0,0.04); color: #6b7280; border-color: #e5e7eb; }
[data-tema="claro"] .leaflet-container a.leaflet-popup-close-button { color: #6b7280; background: rgba(0,0,0,0.05); }

[data-tema="claro"] .form-popup-container {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    color: #1f2937 !important;
}
[data-tema="claro"] .form-popup-container h4 { color: #1f2937; border-color: #e5e7eb; }
[data-tema="claro"] .form-popup-container label { color: #374151; }
[data-tema="claro"] .form-popup-container select,
[data-tema="claro"] .form-popup-container textarea { background: #f9fafb !important; color: #1f2937 !important; border-color: #d1d5db !important; }
[data-tema="claro"] .form-popup-container small { color: #9ca3af !important; }
[data-tema="claro"] .upload-area { background: rgba(0,0,0,0.02); border-color: #d1d5db; color: #6b7280; }
[data-tema="claro"] .upload-area:hover { background: rgba(14,165,233,0.05); border-color: #0ea5e9; color: #374151; }

[data-tema="claro"] .btn-minha-conta {
    background: #ffffff !important;
    color: #1f2937 !important;
    border: 1px solid #cbd5e1 !important;
}

/* Botão de tema no claro */
[data-tema="claro"] .btn-tema-toggle {
    background-color: #f1f5f9 !important;
    color: #1e293b !important;
    border-color: #cbd5e1 !important;
}

[data-tema="claro"] .btn-tema-toggle:hover {
    background-color: #e2e8f0 !important;
}