/* ===== PUBLIC WEBSITE - DARK MODE ===== */

body.dark-mode {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
}

/* Navbar */
body.dark-mode .navbar {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
}
body.dark-mode .navbar .nav-link,
body.dark-mode .navbar .navbar-brand,
body.dark-mode .navbar .btn-staff-login {
    color: #e2e8f0 !important;
}
body.dark-mode .top-bar {
    background: #0f172a !important;
    border-bottom-color: #334155 !important;
}

/* Sections */
body.dark-mode section {
    background-color: #0f172a !important;
}

/* Cards */
body.dark-mode .product-card,
body.dark-mode .pricing-card,
body.dark-mode .portfolio-card,
body.dark-mode .service-card,
body.dark-mode .pd-card,
body.dark-mode .sp-card,
body.dark-mode .blog-card,
body.dark-mode .consult-form,
body.dark-mode .roi-card,
body.dark-mode .cmp-reason,
body.dark-mode .kb-article {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
body.dark-mode .product-card:hover,
body.dark-mode .sp-card:hover,
body.dark-mode .blog-card:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,0.3) !important;
}

/* Headings */
body.dark-mode h1, body.dark-mode h2, body.dark-mode h3,
body.dark-mode h4, body.dark-mode h5, body.dark-mode h6,
body.dark-mode .fw-bold, body.dark-mode .product-name,
body.dark-mode .section-title, body.dark-mode .project-title,
body.dark-mode .pd-section-title, body.dark-mode .sp-card-title,
body.dark-mode .blog-card-title, body.dark-mode .sv-card h3 {
    color: #f1f5f9 !important;
}

/* Text */
body.dark-mode p, body.dark-mode li, body.dark-mode span,
body.dark-mode .text-muted, body.dark-mode .product-desc,
body.dark-mode .section-subtitle, body.dark-mode .sp-card-desc,
body.dark-mode .blog-card-excerpt, body.dark-mode .sv-card p,
body.dark-mode .pd-feature span {
    color: #94a3b8 !important;
}

/* Footer */
body.dark-mode .site-footer {
    background: #020617 !important;
}
body.dark-mode .footer-links li a {
    color: rgba(255,255,255,0.6) !important;
}

/* Forms */
body.dark-mode .form-control,
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
body.dark-mode .form-control:focus,
body.dark-mode input:focus,
body.dark-mode textarea:focus {
    border-color: #4f46e5 !important;
}

/* Alerts */
body.dark-mode .alert {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* Tables */
body.dark-mode .table {
    color: #e2e8f0 !important;
}
body.dark-mode .table thead {
    background: #1e293b !important;
}
body.dark-mode .table td,
body.dark-mode .table th {
    border-color: #334155 !important;
}

/* Comparison Table */
body.dark-mode .cmp-table {
    background: #1e293b !important;
}
body.dark-mode .cmp-table th {
    background: #0f172a !important;
    color: #94a3b8 !important;
}
body.dark-mode .cmp-table td {
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}
body.dark-mode .cmp-table td:first-child {
    color: #f1f5f9 !important;
}

/* Misc */
body.dark-mode .quick-contact-box {
    background: #1e293b !important;
    border-color: #334155 !important;
}
body.dark-mode .search-box,
body.dark-mode .control-panel .search-box {
    background: #1e293b !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.3) !important;
}
body.dark-mode .kb-search input {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;
}
body.dark-mode .blog-filter,
body.dark-mode .kb-cat-btn {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #94a3b8 !important;
}
body.dark-mode .blog-filter.active,
body.dark-mode .kb-cat-btn.active {
    background: #4f46e5 !important;
    color: #fff !important;
}

/* ===== TOGGLE BUTTON (shared) ===== */
.dark-mode-toggle {
    position: fixed;
    bottom: 90px;
    right: 24px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #1e293b;
    color: #f59e0b;
    border: 2px solid #334155;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    z-index: 9989;
    transition: all 0.3s;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}
body.dark-mode .dark-mode-toggle {
    background: #fff;
    color: #f59e0b;
    border-color: #e2e8f0;
}
.dark-mode-toggle:hover {
    transform: scale(1.1);
}
@media print {
    .dark-mode-toggle { display: none !important; }
}