/* ========================================================================== */
/* DARK MODE — PUBLIC PAGES (Home / About / Products / News / Contact / FAQ)  */
/* ========================================================================== */

body.dark-mode .home-hero::after,
body.dark-mode .about-hero::after,
body.dark-mode .products-hero::after,
body.dark-mode .news-hero::after,
body.dark-mode .contact-hero::after,
body.dark-mode .checkout-hero::after { background: var(--dm-bg); }

body.dark-mode .about-value-card,
body.dark-mode .product-card,
body.dark-mode .news-item {
    background: var(--dm-surface);
    border: 1px solid var(--dm-border-medium);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.24);
}

body.dark-mode .how-it-works-content,
body.dark-mode .news-grid-section,
body.dark-mode .news-section,
body.dark-mode .news-grid-section .news-card,
body.dark-mode .news-section .news-card {
    background: var(--dm-bg); border: none; box-shadow: none;
}

body.dark-mode .contact-form-wrapper,
body.dark-mode .contact-item { background: transparent; border: none; box-shadow: none; }

body.dark-mode .why-section,
body.dark-mode .faq-wrapper { background: linear-gradient(145deg, #262a30, #1f2329); }

body.dark-mode .product-image,
body.dark-mode .news-item-image,
body.dark-mode .news-filter { background: #30343b; border: 1px solid var(--dm-border); }

body.dark-mode .how-it-works-title,
body.dark-mode .how-it-works-section-title,
body.dark-mode .why-title,
body.dark-mode .news-grid-title,
body.dark-mode .about-section-title,
body.dark-mode .about-subtitle,
body.dark-mode .about-value-card h3,
body.dark-mode .products-intro h3,
body.dark-mode .product-card h3,
body.dark-mode .faq-title,
body.dark-mode .news-item-content h3,
body.dark-mode .news-card-content h3,
body.dark-mode .contact-title,
body.dark-mode .message-title { color: #f3f4f6; }

body.dark-mode .how-it-works-section-text,
body.dark-mode .how-step,
body.dark-mode .news-card-content p,
body.dark-mode .about-section-text,
body.dark-mode .about-value-card p,
body.dark-mode .about-list li,
body.dark-mode .products-intro p,
body.dark-mode .product-desc,
body.dark-mode .news-excerpt,
body.dark-mode .news-date,
body.dark-mode .contact-text,
body.dark-mode .contact-label,
body.dark-mode .contact-content span,
body.dark-mode .faq-answer p,
body.dark-mode .faq-question,
body.dark-mode .news-filter-option { color: rgba(255, 255, 255, 0.84); }

body.dark-mode .faq-item { border-bottom: 1px solid var(--dm-border-strong); }
body.dark-mode .news-filter-option:hover { background: var(--dm-border); }

body.dark-mode .contact-form input,
body.dark-mode .contact-form textarea {
    background: var(--dm-surface-deep); color: var(--dm-text);
    border: 1px solid var(--dm-border-strong);
}
body.dark-mode .contact-form input::placeholder,
body.dark-mode .contact-form textarea::placeholder { color: var(--dm-text-muted); }

body.dark-mode .contact-links a,
body.dark-mode .news-read-more,
body.dark-mode .news-btn { color: #dbeafe; }