/* Black & White Theme Overrides */

:root {
    /* Base Colors */
    --bg: #000000;          /* Black background */
    --surface: #111111;     /* Very dark gray for cards/surfaces */
    --border: #333333;      /* Dark gray for borders */
    --text: #ffffff;        /* White text */
    --muted: #a0a0a0;       /* Medium gray for muted text */
    
    /* Brand Colors (Modified to B&W) */
    --brand: #ffffff;       /* White for primary brand elements */
    --brand-2: #cccccc;     /* Light gray for secondary brand elements */
    --dark: #333333;        /* Dark gray for hover states */
    --glow: rgba(255, 255, 255, 0.1); /* Subtle white glow */
    --success: #ffffff;     /* White for success/badges */
}

/* Force background and text colors */
body, .section, .footer, .features, .hero-area {
    background-color: var(--bg) !important;
    color: var(--text) !important;
}

/* Headers and Titles */
h1, h2, h3, h4, h5, h6, .section-title h2, .section-title h3, .hero-title-main, .hero-title-accent {
    color: var(--text) !important;
    text-shadow: none !important;
}

/* Links and Accents */
a, a:visited, .accent, .color-brand, .section-title h3, .faq .accordion-button .lni {
    color: var(--brand) !important;
}

a:hover {
    color: var(--brand-2) !important;
}

/* Buttons */
.btn, .button .btn, .btn-primary, .btn-discord, .btn.glow, .scroll-top, .pagination .pagination-list li.active a {
    background: var(--brand) !important;
    background-color: var(--brand) !important;
    color: var(--bg) !important;
    border-color: var(--brand) !important;
    box-shadow: none !important;
}

.btn:hover, .button .btn:hover, .btn-primary:hover, .btn-discord:hover, .btn.glow:hover, .scroll-top:hover {
    background: var(--brand-2) !important;
    background-color: var(--brand-2) !important;
    color: var(--bg) !important;
}

/* Discord button specific */
.btn-discord {
    background: transparent !important;
    color: var(--brand) !important;
    border: 1px solid var(--brand) !important;
}

.btn-discord:hover {
    background: var(--brand) !important;
    color: var(--bg) !important;
}

/* Cards and Surfaces */
.product-card, .single-feature, .faq .accordion-item, .navbar-area {
    background: var(--surface) !important;
    border-color: var(--border) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}

.product-card:hover, .single-feature:hover {
    border-color: var(--brand) !important;
}

/* Hero Area Overrides */
.hero-area {
    background-image: none !important;
    background-color: var(--bg) !important;
}

.hero-badge {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid var(--brand) !important;
    color: var(--brand) !important;
}

/* Navigation */
.navbar-area {
    background: rgba(0, 0, 0, 0.9) !important;
    border-bottom: 1px solid var(--border) !important;
}

.navbar-area .navbar-nav .nav-link, .navbar-area .navbar-nav a {
    color: var(--text) !important;
}

.navbar-area .navbar-nav .nav-link:hover {
    color: var(--brand) !important;
}

/* FAQ and Accordion */
.faq .accordion-button {
    background: transparent !important;
    color: var(--text) !important;
}

.faq .accordion-button:not(.collapsed) {
    background: var(--border) !important;
}

.faq .accordion-button .serial {
    background: var(--brand) !important;
    color: var(--bg) !important;
}

/* Form Elements */
.form-check-input:checked {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
}

/* Preloader */
.preloader-icon span {
    background: var(--brand) !important;
}

/* Noise and Overlays */
.noise {
    opacity: 0.02 !important;
}

.product-card::before {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)) !important;
}

/* Scroll Indicator */
.scroll-indicator .scroll-dot {
    border-color: var(--brand) !important;
}

.scroll-indicator .scroll-dot::after {
    background: var(--brand) !important;
}

/* Images - Apply grayscale filter to keep the theme consistent */
img {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

img:hover {
    filter: grayscale(0%);
}
/* Feature Card Icons */
.feature-card .icon {
    background: var(--brand) !important; /* White background */
    color: #000000 !important;        /* Black icon color */
}
/* Product Card Badge (Most Popular) */
.product-card .badge {
    background: var(--brand) !important; /* Fundo branco */
    color: #000000 !important;        /* Texto preto */
}
.feature-card:hover {
    box-shadow: 0 16px 46px rgba(255, 255, 255, 0.15) !important;
}
/* Discord Button Alignment Fix */
.btn-discord {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.btn-discord i {
    margin-right: 8px !important;
    line-height: 1 !important;
    display: inline-block !important;
}