/* ============================================================
   TEMA DINÂMICO — gerado por tema.php
   Sobrescreve TODAS as cores hardcoded #d9ad36 / #b8921e
   ============================================================ */

/* ── 1. Variáveis CSS globais ─────────────────────────────── */
:root {
    --primary-gold:        #d9ad36 !important;
    --primary-gold-dark:   #b8921e !important;
    --primary-gold-light:  #fef3c7 !important;
    --sidebar-bg:          #1A1A18 !important;
    --sidebar-dark:        #2A2A28 !important;
    --sidebar-text:        #CBD5E1 !important;
    --gold:                #d9ad36 !important;
    --gold-dark:           #b8921e !important;
    --gold-hover:          #b8921e !important;
    --gold-light:          #fef3c7 !important;
    --gold-gradient:       linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    --cor-primaria:        #d9ad36 !important;
    --cor-primaria-dark:   #b8921e !important;
    --cor-primaria-light:  #fef3c7 !important;
    --primary:             #d9ad36 !important;
    --primary-dark:        #b8921e !important;
    /* --accent é usado em cadastro_membro.php */
    --accent:              #d9ad36 !important;
    --cor-neon:            #d9ad36 !important;
}

/* ── 2. Sidebar ───────────────────────────────────────────── */
.sidebar {
    background-color: #1A1A18 !important;
    background: #1A1A18 !important;
}
.sidebar .sidebar-header,
.sidebar-header {
    background-color: #2A2A28 !important;
    background: #2A2A28 !important;
}
.sidebar .nav-link.active {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    color: #fff !important;
    border-left-color: #d9ad36 !important;
}
.sidebar .nav-link:hover {
    color: #d9ad36 !important;
    background: #d9ad3622 !important;
}
.sidebar .nav-link.active i,
.sidebar .nav-link.active span {
    color: #fff !important;
}
.sidebar .nav-section-title {
    color: #d9ad36 !important;
}
.sidebar .brand-text h5 {
    color: #d9ad36 !important;
}
.sidebar .sidebar-logo,
.sidebar-logo {
    border-color: #d9ad3666 !important;
    box-shadow: 0 0 20px #d9ad3633 !important;
}
.user-avatar,
.sidebar .user-avatar {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    color: #fff !important;
}

/* ── 3. Botões primários (todas as páginas) ───────────────── */
.btn-primary,
.btn-gold,
.btn.btn-primary,
.btn.btn-gold,
button.btn-primary,
a.btn-primary {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    background-color: #d9ad36 !important;
    border-color: #d9ad36 !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-gold:hover,
button.btn-primary:hover,
a.btn-primary:hover {
    background: linear-gradient(135deg, #b8921e 0%, #b8921e 100%) !important;
    background-color: #b8921e !important;
    border-color: #b8921e !important;
    color: #fff !important;
}

/* ── 4. Botão de login ────────────────────────────────────── */
.btn-login {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
}
.btn-login:hover {
    background: linear-gradient(135deg, #b8921e 0%, #b8921e 100%) !important;
}
.modal-button {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
}
.modal-header {
    background: #d9ad36 !important;
    background-color: #d9ad36 !important;
    color: #fff !important;
}
.modal-header .modal-title,
.modal-header button,
.modal-header .close,
.modal-header .btn-close {
    color: #fff !important;
}

/* ── 5. Ícones de estatística (dashboard e outras páginas) ── */
.stat-icon,
.stats-icon,
.card-icon,
.icon-circle,
.badge-icon,
.metric-icon,
.kpi-icon {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    color: #fff !important;
}

/* ── 6. Botão flutuante (theme toggle e similares) ────────── */
.floating-theme-toggle,
.fab-button,
.float-btn,
.btn-float,
.floating-btn {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
}
.floating-theme-toggle:hover,
.fab-button:hover {
    background: linear-gradient(135deg, #b8921e 0%, #b8921e 100%) !important;
}

/* ── 7. Cabeçalhos e barras decorativas de cards e sections ─ */
.welcome-card::before,
.stat-card::before,
.card-header-bar::before,
.card::before,
.dashboard-card::before,
.page-card::before,
.welcome-section::before,
.section-header::before,
[class*="card"]::before,
[class*="section"]::before {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
}

/* ── 8. Títulos com gradiente (page-title, h2 destaque) ───── */
.page-title,
.welcome-content h2,
.gradient-text,
[class*="gradient-title"] {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* ── 9. Inputs, selects e textareas — foco ────────────────── */
input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus,
.form-input:focus {
    border-color: #d9ad36 !important;
    box-shadow: 0 0 0 3px #d9ad3633 !important;
    outline: none !important;
}

/* ── 10. Badges e etiquetas primárias ────────────────────── */
.badge-gold,
.badge-primary,
.tag-gold,
.tag-primary,
.label-gold,
.chip-gold {
    background: #fef3c7 !important;
    color: #b8921e !important;
    border-color: #d9ad3666 !important;
}
.badge-solid-gold,
.badge.badge-gold[class*="solid"] {
    background: #d9ad36 !important;
    color: #fff !important;
}

/* ── 11. Borders e destaques coloridos ───────────────────── */
.border-gold,
.border-primary,
[class*="border-gold"],
[class*="card-accent"],
[class*="section-accent"] {
    border-color: #d9ad36 !important;
}
.border-left-gold,
[class*="alert-primary"],
[class*="info-card"],
.stat-highlight,
.card-left-accent {
    border-left-color: #d9ad36 !important;
    color: #d9ad36 !important;
}

/* ── 12. Textos com cor primária ─────────────────────────── */
.text-gold,
.text-primary-gold,
.gold,
[class*="text-gold"],
.stat-number,
.header h1,
.header-title {
    color: #d9ad36 !important;
}

/* ── 13. Fundos com cor primária ─────────────────────────── */
.bg-gold,
.bg-primary,
.bg-primary-gold,
[class*="bg-gold"] {
    background-color: #d9ad36 !important;
    color: #fff !important;
}

/* ── 14. Links ────────────────────────────────────────────── */
a.primary-link,
.link-gold {
    color: #d9ad36 !important;
}
a.primary-link:hover,
.link-gold:hover {
    color: #b8921e !important;
}

/* ── 15. Progress bars e sliders ─────────────────────────── */
.progress-bar,
.progress-fill,
[class*="progress-primary"],
input[type="range"]::-webkit-slider-thumb {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    background-color: #d9ad36 !important;
}

/* ── 16. Checkboxes e radios ─────────────────────────────── */
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    accent-color: #d9ad36 !important;
    background-color: #d9ad36 !important;
}

/* ── 17. Tabs e abas ─────────────────────────────────────── */
.tab-item.active,
.nav-tab.active,
.tab.active,
[class*="tab"][class*="active"],
.wizard-step.active .step-number,
.wizard-step.active .step-circle {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    color: #fff !important;
    border-color: #d9ad36 !important;
}
.wizard-step.active .step-label,
.tab-item.active .tab-label {
    color: #d9ad36 !important;
}

/* ── 18. Scrollbar ───────────────────────────────────────── */
::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
}
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #b8921e 0%, #b8921e 100%) !important;
}

/* ── 19. Seleção de texto ─────────────────────────────────── */
::selection {
    background-color: #d9ad3644 !important;
}

/* ── 20. Headers de seção / h1 destacados ────────────────── */
.header { border-bottom-color: #d9ad36 !important; }
.header h1 { color: #d9ad36 !important; }
.relatorio-header,
.section-header,
.page-header-accent {
    border-bottom-color: #d9ad36 !important;
}


/* ── 22. Avatar fallback e círculos coloridos ────────────── */
.avatar-circle,
[class*="avatar"][class*="gold"],
[class*="member-avatar"],
.circle-primary {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    color: #fff !important;
}

/* ── 23. Disparador WhatsApp e áreas especiais ───────────── */
[class*="whatsapp-btn"],
[class*="send-btn"],
[class*="disparar"],
[class*="enviar-btn"] {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    color: #fff !important;
}

/* ── 24. Responsivo — mobile menu ────────────────────────── */
.mobile-menu-btn:hover,
.hamburger-btn:hover {
    color: #d9ad36 !important;
}

/* ── 25. cadastro_membro.php — header, wizard, toggle ────── */
.form-header {
    background: #d9ad36 !important;
    background-color: #d9ad36 !important;
}
.wizard-step.active {
    background: #d9ad36 !important;
    background-color: #d9ad36 !important;
    border-color: #d9ad36 !important;
}
.wizard-step.active .step-label {
    color: #d9ad36 !important;
}
.wizard-step.completed {
    background: #b8921e !important;
    border-color: #b8921e !important;
}
.theme-toggle {
    background: #d9ad36 !important;
    background-color: #d9ad36 !important;
}
.theme-toggle:hover {
    background: #b8921e !important;
}

/* ── 26. Badges de departamento (membros.php) ─────────────── */
.department-badge,
.dept-badge,
[class*="dept-tag"],
[class*="department-tag"] {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    color: #fff !important;
}

/* ── 27. Botão batismo inline (membros.php) ───────────────── */
.btn-batismo,
button[name="registrar_batismo"] {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    color: #fff !important;
    border: none !important;
}

/* ── 28. Elementos que usam var(--accent) como fundo (não links/textos) ── */
div[style*="var(--accent)"],
span[style*="var(--accent)"],
button[style*="var(--accent)"],
li[style*="var(--accent)"] {
    background-color: #d9ad36 !important;
}

/* ── 29. Visualizar membro — header do perfil ───────────── */
.profile-header {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
}
.profile-header::before {
    background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%) !important;
}

/* ── 30. Aniversários — badges de data ───────────────────── */
.badge-today,
.badge-birthday,
.date-badge,
.birth-date-badge,
[class*="date-circle"],
[class*="aniv-badge"],
[class*="birth-badge"] {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
    color: #fff !important;
}

/* ── 31. Editar membro — barras decorativas ──────────────── */
.member-header::before,
.edit-header::before,
.wizard-header::before,
[class*="member-card"]::before,
[class*="edit-card"]::before {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
}

/* ── 32. Cor neon — textos e destaques ────────────────────── */
.text-gold,
.gold,
.text-primary-gold,
[class*="text-gold"],
.stat-number,
.stat-value,
.count-number,
.metric-value,
.kpi-value,
.highlight-number {
    color: #d9ad36 !important;
}
/* Link "Joe" e links de destaque */
.login-footer a,
a[style*="var(--gold)"],
.link-neon {
    color: #d9ad36 !important;
}
/* Empty state icons */
.empty-state i,
.empty-state .icon {
    color: #d9ad36 !important;
    opacity: 0.5;
}
/* Neon via variável CSS — para qualquer elemento que use var(--cor-neon) */
[style*="var(--cor-neon)"] {
    color: #d9ad36 !important;
}

/* ── 33. visualizar_membro — spiritual icons negativos ────── */
.spiritual-icon.no,
.spiritual-answer.no {
    color: #d9ad36 !important;
}

/* ── 34. Editar membro — barras topo de cards (::before) ─── */
.card-header::before,
.wizard-steps::before {
    background: linear-gradient(135deg, #d9ad36 0%, #b8921e 100%) !important;
}