/**
 * Dark Mode Stylesheet
 * Atmatah IT Solutions
 */

/* Dark Mode Base */
.dark body {
    background: var(--brand-dark);
    color: var(--gray-100);
}

/* Navigation Dark Mode */
.dark .navbar {
    background: rgba(31, 18, 53, 0.95);
    border-bottom-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

.dark .nav-link {
    color: var(--gray-300);
}

.dark .nav-link:hover,
.dark .nav-link.active {
    color: var(--brand-pink);
}

.dark .control-btn {
    background: rgba(255, 255, 255, 0.05);
    color: var(--gray-300);
}

.dark .control-btn:hover {
    background: var(--brand-pink);
    color: white;
}

.dark .mobile-nav {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.dark .mobile-nav-link {
    color: var(--gray-300);
}

.dark .mobile-nav-link:hover,
.dark .mobile-nav-link.active {
    background: rgba(228, 67, 150, 0.1);
    color: var(--brand-pink);
}

/* Sections Dark Mode */
.dark .section.bg-light {
    background: rgba(255, 255, 255, 0.02);
}

.dark .section-title {
    color: white;
}

.dark .section-desc,
.dark .section-text {
    color: var(--gray-400);
}

/* Cards Dark Mode */
.dark .service-card,
.dark .feature-card,
.dark .industry-card,
.dark .value-card,
.dark .mv-card,
.dark .solution-card {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
}

.dark .service-card:hover,
.dark .feature-card:hover,
.dark .industry-card:hover,
.dark .value-card:hover,
.dark .mv-card:hover,
.dark .solution-card:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--brand-pink);
}

.dark .service-title,
.dark .feature-title,
.dark .value-title,
.dark .mv-title,
.dark .solution-title,
.dark .service-detail-title {
    color: white;
}

.dark .service-desc,
.dark .value-desc,
.dark .mv-text,
.dark .solution-desc,
.dark .service-detail-desc {
    color: var(--gray-400);
}

.dark .service-feature,
.dark .feature-item {
    color: var(--gray-300);
}

.dark .industry-card {
    color: var(--gray-300);
}

.dark .industry-card:hover {
    color: var(--brand-pink);
}

/* Solution Cards Dark Mode */
.dark .solution-header {
    background: rgba(255, 255, 255, 0.02);
}

.dark .features-title {
    color: var(--gray-500);
}

/* Forms Dark Mode */
.dark .contact-form-wrapper,
.dark .application-form-wrapper,
.dark .contact-info-wrapper,
.dark .sidebar-card {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.1);
}

.dark .form-title,
.dark .info-title,
.dark .sidebar-title {
    color: white;
}

.dark .form-subtitle,
.dark .sidebar-text {
    color: var(--gray-400);
}

.dark .form-label {
    color: var(--gray-300);
}

.dark .form-input,
.dark .form-textarea {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.1);
    color: white;
}

.dark .form-input::placeholder,
.dark .form-textarea::placeholder {
    color: var(--gray-500);
}

.dark .form-input:focus,
.dark .form-textarea:focus {
    border-color: var(--brand-pink);
    background: rgba(255, 255, 255, 0.08);
}

.dark .file-input-label {
    border-color: rgba(255, 255, 255, 0.2);
    color: var(--gray-400);
}

.dark .file-input-label:hover {
    border-color: var(--brand-pink);
    color: var(--brand-pink);
}

.dark .form-help {
    color: var(--gray-500);
}

/* Contact Info Dark Mode */
.dark .info-icon {
    background: rgba(255, 255, 255, 0.05);
}

.dark .info-label {
    color: var(--gray-500);
}

.dark .info-value {
    color: var(--gray-300);
}

.dark .contact-social {
    border-top-color: rgba(255, 255, 255, 0.1);
}

.dark .social-link-btn {
    background: rgba(255, 255, 255, 0.05);
    color: var(--gray-300);
}

.dark .social-link-btn:hover {
    background: var(--brand-pink);
    color: white;
}

/* Benefits List Dark Mode */
.dark .benefit-item {
    color: var(--gray-300);
}

/* Service Divider Dark Mode */
.dark .service-divider {
    background: rgba(255, 255, 255, 0.1);
}

/* Notification Dark Mode */
.dark .notification {
    background: rgba(31, 18, 53, 0.98);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
}

.dark .notification-close {
    background: rgba(255, 255, 255, 0.1);
    color: var(--gray-300);
}

.dark .notification-close:hover {
    background: rgba(255, 255, 255, 0.2);
}

/* Buttons Dark Mode */
.dark .btn-secondary {
    background: rgba(255, 255, 255, 0.1);
    color: white;
}

.dark .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.15);
}

.dark .btn-outline {
    border-color: var(--brand-pink);
    color: var(--brand-pink);
}

.dark .btn-outline:hover {
    background: var(--brand-pink);
    color: white;
}

/* Spark Pattern Dark Mode */
.dark .bg-spark-pattern {
    background-image:
        radial-gradient(var(--brand-pink) 0.5px, transparent 0.5px),
        radial-gradient(var(--brand-purple) 0.5px, var(--brand-dark) 0.5px);
    opacity: 0.15;
}

/* Image Placeholder Dark Mode */
.dark .image-placeholder,
.dark .service-visual-placeholder {
    opacity: 0.9;
}