/* ============================================
   TRADER DESTROYER - TEMA ESCURO
   VERSÃO CORRIGIDA
   ============================================ */

:root {
    --bg-primary: #000000;
    --bg-secondary: #0a0a0a;
    --bg-card: #111111;
    --text-primary: #ffffff;
    --text-secondary: #a0a0a0;
    --border-color: #222222;
}

/* Background Principal */
body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

/* Seções */
section {
    background-color: var(--bg-primary) !important;
}

.bg-light {
    background-color: var(--bg-secondary) !important;
}

/* Cards */
.card {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

.card-body {
    background-color: var(--bg-card) !important;
}

/* Textos */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary) !important;
}

.bg-gradient .display-6 {
    color: #FFFFFF !important;
}

p, span, li {
    color: var(--text-secondary) !important;
}

section.bg-primary p,
section.bg-primary li {
    color: #FFFFFF !important;
}

section.bg-primary .bi-check-circle-fill {
    color: #32CD32 !important;
}

.text-muted {
    color: #666666 !important;
}

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

/* Hero Section - GARANTIA DE FUNDO PRETO LIMPO */
.hero {
    background: #000000 !important; 
}

.hero h1, .hero p {
    color: var(--text-primary) !important;
}

/* Products Section */
.product-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

.product-card:hover {
    background-color: #1a1a1a !important;
    border-color: #333333 !important;
}

.product-card h3 {
    color: var(--text-primary) !important;
}

.product-card p {
    color: var(--text-secondary) !important;
}

/* Results Section */
.results-grid {
    background-color: var(--bg-primary) !important;
}

.result-item {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

.result-item:hover {
    border-color: #333333 !important;
}

/* Testimonials */
.testimonial-card {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

.testimonial-card p {
    color: var(--text-secondary) !important;
}

/* Footer */
footer {
    background-color: var(--bg-secondary) !important;
    border-top: 1px solid var(--border-color) !important;
}

footer p, footer a {
    color: var(--text-secondary) !important;
}

footer a:hover {
    color: var(--text-primary) !important;
}

/* Navbar */
.navbar {
    background-color: rgba(0, 0, 0, 0.98) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

/* BOTÕES */
.btn,
.btn *,
a.btn,
a.btn *,
button,
button * {
    color: #ffffff !important;
    text-shadow: none !important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    border: none !important;
    color: #ffffff !important;
}

.btn-primary * {
    color: #ffffff !important;
}

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
}

.btn-success * {
    color: #ffffff !important;
}

.btn-outline-primary {
    background-color: transparent !important;
    border: 2px solid #10b981 !important;
    color: #10b981 !important;
}

.btn-outline-primary:hover {
    background-color: #10b981 !important;
    border-color: #10b981 !important;
    color: #ffffff !important;
}

.btn-outline-primary *,
.btn-outline-primary:hover * {
    color: inherit !important;
}

.navbar .btn-primary,
.navbar .btn-primary * {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.badge {
    background-color: #1a1a1a !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}

.badge.bg-primary {
    background-color: #10b981 !important;
    color: white !important;
    border: none !important;
}

.features-list li {
    color: var(--text-secondary) !important;
}

.features-list i {
    color: #10b981 !important;
}

.stats-item {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

.stats-number {
    color: #10b981 !important;
}

.stats-label {
    color: var(--text-secondary) !important;
}

.video-container {
    background-color: var(--bg-card) !important;
    border: 1px solid var(--border-color) !important;
}

.gallery-item {
    border: 1px solid var(--border-color) !important;
}

.gallery-item:hover {
    border-color: #10b981 !important;
}

.breadcrumb {
    background-color: var(--bg-secondary) !important;
}

.breadcrumb-item a {
    color: #10b981 !important;
}

table {
    background-color: var(--bg-card) !important;
    color: var(--text-primary) !important;
}

table thead {
    background-color: var(--bg-secondary) !important;
}

table tbody tr {
    border-bottom: 1px solid var(--border-color) !important;
}

table tbody tr:hover {
    background-color: #1a1a1a !important;
}

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

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

.form-label {
    color: var(--text-primary) !important;
}

.modal-content {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
}

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

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

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #444444;
}

.text-white {
    color: #ffffff !important;
}

.bg-success {
    background-color: #10b981 !important;
}

.bg-danger {
    background-color: #ef4444 !important;
}

.bg-warning {
    background-color: #f59e0b !important;
}

.bg-info {
    background-color: #06b6d4 !important;
}

a {
    color: #10b981 !important;
}

a:hover {
    color: #059669 !important;
}

.btn a,
.btn a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

.alert {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
}

.alert-success {
    background-color: rgba(16, 185, 129, 0.1) !important;
    border-color: #10b981 !important;
}

.alert-danger {
    background-color: rgba(239, 68, 68, 0.1) !important;
    border-color: #ef4444 !important;
}

.alert-warning {
    background-color: rgba(245, 158, 11, 0.1) !important;
    border-color: #f59e0b !important;
}

.alert-info {
    background-color: rgba(6, 182, 212, 0.1) !important;
    border-color: #06b6d4 !important;
}

.btn-secondary {
    background-color: #374151 !important;
    border-color: #374151 !important;
    color: #ffffff !important;
}

.btn-secondary:hover {
    background-color: #4b5563 !important;
    border-color: #4b5563 !important;
    color: #ffffff !important;
}

.btn-danger {
    background-color: #ef4444 !important;
    border-color: #ef4444 !important;
    color: #ffffff !important;
}

.btn-danger:hover {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #ffffff !important;
}

.btn-warning {
    background-color: #f59e0b !important;
    border-color: #f59e0b !important;
    color: #000000 !important;
}

.btn-warning:hover {
    background-color: #d97706 !important;
    border-color: #d97706 !important;
    color: #000000 !important;
}

.btn-info {
    background-color: #06b6d4 !important;
    border-color: #06b6d4 !important;
    color: #ffffff !important;
}

.btn-info:hover {
    background-color: #0891b2 !important;
    border-color: #0891b2 !important;
    color: #ffffff !important;
}

.btn i,
.btn svg {
    color: inherit !important;
    fill: currentColor !important;
}

.btn span,
.btn strong,
.btn em,
.btn b {
    color: inherit !important;
}

.testimonial-card h5,
.testimonial-card h6,
.testimonial-card .client-name,
.testimonial-card .testimonial-author,
.testimonial-card strong {
    color: #FFFFFF !important;
}

.testimonial-card small,
.testimonial-card .client-role {
    color: #a0a0a0 !important;
}