/* Dark Mode Override Styles - These styles will be applied with !important to ensure they override any other styles */

/* Force dark backgrounds for all cards in dark mode */
[data-theme="dark"] .feature-card,
[data-theme="dark"] .testimonial,
[data-theme="dark"] .category-card,
[data-theme="dark"] .product-card,
[data-theme="dark"] .seller-card,
[data-theme="dark"] .about-content,
[data-theme="dark"] .contact-form,
[data-theme="dark"] .contact-info,
[data-theme="dark"] .feature,
[data-theme="dark"] .stat-item,
[data-theme="dark"] .about-image,
[data-theme="dark"] .about-text,
[data-theme="dark"] .feature-icon,
[data-theme="dark"] .category-info,
[data-theme="dark"] .testimonial-content,
[data-theme="dark"] .testimonial-author,
[data-theme="dark"] .footer-column,
[data-theme="dark"] .footer-logo,
[data-theme="dark"] .social-links a {
    background-color: #1E1E1E !important;
    color: #E0E0E0 !important;
}

/* Force text colors in dark mode */
[data-theme="dark"] h1:not(.gradient-text),
[data-theme="dark"] h2:not(.gradient-text),
[data-theme="dark"] h3:not(.gradient-text),
[data-theme="dark"] h4:not(.gradient-text),
[data-theme="dark"] h5:not(.gradient-text),
[data-theme="dark"] h6:not(.gradient-text) {
    color: #E0E0E0 !important;
}

[data-theme="dark"] p,
[data-theme="dark"] span:not(.gradient-text),
[data-theme="dark"] li,
[data-theme="dark"] a:not(.btn):not(.gradient-text) {
    color: #B0B0B0 !important;
}

/* Force feature icon colors */
[data-theme="dark"] .feature-icon {
    background-color: rgba(78, 84, 200, 0.2) !important;
}

[data-theme="dark"] .feature-icon i {
    color: #8F94FB !important;
}

/* Force stat number colors */
[data-theme="dark"] .stat-number {
    color: #8F94FB !important;
}

/* Force background colors for sections */
[data-theme="dark"] .about-section,
[data-theme="dark"] .features-section,
[data-theme="dark"] .categories-section,
[data-theme="dark"] .testimonials-section,
[data-theme="dark"] .contact-section,
[data-theme="dark"] .hero-section {
    background-color: #000000 !important;
}

/* Force footer colors */
[data-theme="dark"] .site-footer {
    background: #1E1E1E !important;
}

/* Force button colors */
[data-theme="dark"] .btn-primary {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border-color: #000000 !important;
}

[data-theme="dark"] .btn-secondary {
    background-color: rgba(78, 84, 200, 0.2) !important;
    color: #FFFFFF !important;
    border-color: #4E54C8 !important;
}

/* Force card shadows */
[data-theme="dark"] .feature-card,
[data-theme="dark"] .testimonial,
[data-theme="dark"] .category-card,
[data-theme="dark"] .product-card,
[data-theme="dark"] .seller-card {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Force hover effects */
[data-theme="dark"] .feature-card:hover,
[data-theme="dark"] .testimonial:hover,
[data-theme="dark"] .category-card:hover,
[data-theme="dark"] .product-card:hover,
[data-theme="dark"] .seller-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3) !important;
}