/* assets/css/style.css - TEMA CLARO E ESCURO FUNCIONAIS */

:root, [data-theme="light"] {
    /* TEMA CLARO - PERFEITAMENTE LEGÍVEL */
    --bg-color: #ffffff;
    --bg-secondary: #f8f9fa;
    --text-color: #000000;
    --text-muted: #6c757d;
    --border-color: #dee2e6;
    --card-bg: #ffffff;
    --primary: #6f42c1;
    --primary-dark: #5a32a3;
    --secondary: #fd7e14;
    --success: #198754;
    --danger: #dc3545;
    --warning: #ffc107;
    --info: #0dcaf0;
}

[data-theme="dark"] {
    /* TEMA ESCURO - PERFEITAMENTE LEGÍVEL */
    --bg-color: #0a0a0a;
    --bg-secondary: #1a1a1a;
    --text-color: #ffffff;
    --text-muted: #cccccc;
    --border-color: #333333;
    --card-bg: #2d2d2d;
    --primary: #8b5cf6;
    --primary-dark: #7c3aed;
    --secondary: #fb923c;
    --success: #22c55e;
    --danger: #ef4444;
    --warning: #f59e0b;
    --info: #06b6d4;
}

/* RESET FORÇADO */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* CORPO - GARANTIDO VISÍVEL */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: var(--bg-color) !important;
    color: var(--text-color) !important;
    line-height: 1.6;
    padding-top: 80px;
}

/* FORÇAR todas as cores de texto */
body * {
    color: var(--text-color) !important;
}

/* NAVBAR - sempre visível */
.navbar {
    background: linear-gradient(135deg, #6f42c1, #5a32a3) !important;
    border-bottom: 3px solid #fd7e14 !important;
}

.navbar * {
    color: white !important;
}

/* CARDS - sempre legíveis */
.card {
    background: var(--card-bg) !important;
    border: 1px solid var(--border-color) !important;
}

.card * {
    color: var(--text-color) !important;
}

/* BOTÕES */
.btn-primary {
    background: var(--primary) !important;
    border: none !important;
    color: white !important;
}

.btn-outline-light {
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

.btn-outline-light:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

/* FORMULÁRIOS */
.form-control, .form-select {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
    color: var(--text-color) !important;
}

.form-control:focus, .form-select:focus {
    background: var(--card-bg) !important;
    color: var(--text-color) !important;
}

/* DROPDOWNS */
.dropdown-menu {
    background: var(--card-bg) !important;
    border-color: var(--border-color) !important;
}

.dropdown-item {
    color: var(--text-color) !important;
}

.dropdown-item:hover {
    background: var(--bg-secondary) !important;
}

/* UTILITÁRIOS */
.bg-light {
    background: var(--bg-secondary) !important;
}

.border {
    border-color: var(--border-color) !important;
}

.text-muted {
    color: var(--text-muted) !important;
}

/* RESPONSIVIDADE */
@media (max-width: 768px) {
    body {
        padding-top: 70px;
    }
}
/* dark search fix */
.theme-dark input[type="search"],
[data-theme="dark"] input[type="search"],
.theme-dark .form-control,
[data-theme="dark"] .form-control {
  background-color: #1f1f1f !important;
  color: #eee !important;
  border-color: #3a3a3a !important;
}
.theme-dark ::placeholder,
[data-theme="dark"] ::placeholder {
  color: #9aa0a6 !important;
  opacity: 1;
}

/* dark search super-fix */
.theme-dark input[type="search"],
.theme-dark input[type="text"],
.theme-dark .form-control {
  background-color: #1f1f1f !important;
  color: #f1f3f4 !important;
  border-color: #3a3a3a !important;
}
.theme-dark ::placeholder { color: #9aa0a6 !important; opacity: 1; }

/* dark search super-fix */
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="text"],
[data-theme="dark"] .form-control {
  background-color: #1f1f1f !important;
  color: #f1f3f4 !important;
  border-color: #3a3a3a !important;
}
[data-theme="dark"] ::placeholder { color: #9aa0a6 !important; opacity: 1; }

/* dark search super-fix */
.dark input[type="search"],
.dark input[type="text"],
.dark .form-control {
  background-color: #1f1f1f !important;
  color: #f1f3f4 !important;
  border-color: #3a3a3a !important;
}
.dark ::placeholder { color: #9aa0a6 !important; opacity: 1; }

/* dark search super-fix */
.dark-theme input[type="search"],
.dark-theme input[type="text"],
.dark-theme .form-control {
  background-color: #1f1f1f !important;
  color: #f1f3f4 !important;
  border-color: #3a3a3a !important;
}
.dark-theme ::placeholder { color: #9aa0a6 !important; opacity: 1; }

/* Variáveis para tema consistente */
:root {
  --bs-primary-dark: #0b5ed7;
  --bs-border-color: #dee2e6;
}

[data-bs-theme="dark"] {
  --bs-border-color: #495057;
  --bs-dark-bg-subtle: #2d333b;
}

/* Estilos específicos para a página de busca */
.search-results {
  min-height: 400px;
}

.results-section {
  animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.user-name {
  color: var(--bs-heading-color);
  font-weight: 600;
}

.community-name {
  color: var(--bs-heading-color);
  font-weight: 600;
  line-height: 1.3;
}

/* Ajustes para o footer em ambos os temas */
.footer-fix {
  margin-top: auto;
}

/* Melhorias de acessibilidade */
.user-item:focus,
.community-card:focus-within {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}

/* Loading states */
.search-loading {
  opacity: 0.7;
  pointer-events: none;
}