/* Comprehensive Dark Mode Extensions for ConsultTik */

/* Dark mode component styles */
[data-theme="dark"] .feature-item {
    background-color: var(--white-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .feature-content h4 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .feature-content p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .service-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .service-description {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .service-link {
    color: var(--primary-color) !important;
}

[data-theme="dark"] .tech-card {
    background-color: var(--white-color);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .tech-card h4 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .tech-card p {
    color: var(--text-secondary);
}

[data-theme="dark"] .news-card {
    background-color: var(--white-color);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .news-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .news-excerpt {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .news-meta {
    color: var(--text-light) !important;
}

[data-theme="dark"] .news-link {
    color: var(--primary-color) !important;
}

[data-theme="dark"] .stat-number {
    color: var(--primary-color) !important;
}

[data-theme="dark"] .stat-label {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .benefit-card {
    background-color: var(--white-color);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .benefit-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .benefit-description {
    color: var(--text-secondary) !important;
}

/* Dark mode form improvements */
[data-theme="dark"] .form-select {
    background-color: var(--light-color);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .form-select:focus {
    background-color: var(--light-color);
    border-color: var(--primary-color);
    color: var(--text-primary);
}

[data-theme="dark"] .form-control::placeholder {
    color: var(--text-light);
}

[data-theme="dark"] .alert {
    background-color: var(--light-color);
    border-color: var(--border-color);
    color: var(--text-primary);
}

[data-theme="dark"] .alert-success {
    background-color: rgba(102, 187, 106, 0.1);
    border-color: var(--success-color);
    color: var(--success-color);
}

[data-theme="dark"] .alert-danger {
    background-color: rgba(240, 98, 146, 0.1);
    border-color: var(--danger-color);
    color: var(--danger-color);
}

/* Dark mode admin styles */
[data-theme="dark"] .admin-sidebar {
    background-color: var(--white-color);
    border-color: var(--border-color);
}

[data-theme="dark"] .admin-sidebar .nav-link {
    color: var(--text-primary);
}

[data-theme="dark"] .admin-sidebar .nav-link:hover {
    background-color: var(--light-color);
    color: var(--primary-color);
}

[data-theme="dark"] .admin-sidebar .nav-link.active {
    background-color: var(--primary-color);
    color: var(--dark-color);
}
