/* Dark Mode Styles */
body.dark-mode {
    background-color: var(--dark-background);
    color: var(--dark-text);
}

/* Header & Navigation */
body.dark-mode .header {
    background-color: var(--dark-card);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

body.dark-mode .nav-link {
    color: var(--dark-text);
}

/* Zwiększenie widoczności w trybie ciemnym */
@media (max-width: 768px) {
    body.dark-mode .nav-link {
        color: #ffffff; /* Jaśniejszy kolor w menu mobilnym w trybie ciemnym */
    }
}

body.dark-mode .nav-link:hover,
body.dark-mode .nav-link.active {
    background-color: rgba(0, 86, 179, 0.15);
    color: var(--primary-light);
}

body.dark-mode .theme-toggle:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Elements & Components */
body.dark-mode .cta-section {
    background-color: var(--dark-background) !important;
}

body.dark-mode .cta-section::before {
    background: var(--dark-background) !important;
    background-image: none !important;
}

body.dark-mode .faq-question {
    background-color: var(--dark-card);
    color: var(--dark-text);
    border-color: var(--dark-border);
}

body.dark-mode .faq-item {
    border-color: var(--dark-border);
    background-color: var(--dark-background);
}

body.dark-mode .faq-question:hover {
    background-color: rgba(0, 86, 179, 0.15);
    color: var(--primary-light);
}

body.dark-mode .faq-item.active .faq-question {
    color: var(--primary-light);
    background-color: rgba(0, 86, 179, 0.25);
    border-bottom: 1px solid var(--primary-light);
}

body.dark-mode .faq-question i {
    color: var(--primary-light);
}

body.dark-mode .faq-answer {
    background-color: var(--dark-card);
}

body.dark-mode .faq-answer p {
    color: var(--dark-text);
    opacity: 0.85;
}

/* Buttons in Dark Mode */
body.dark-mode .cta-buttons .cta-button.primary {
    background-color: var(--primary-light);
    color: var(--dark-text);
    border-color: var(--primary-light);
}

body.dark-mode .cta-buttons .cta-button.primary:hover {
    background-color: var(--primary-color);
    color: white;
    box-shadow: 0 0 15px rgba(0, 86, 179, 0.5);
}

body.dark-mode .cta-buttons .cta-button.secondary {
    border-color: var(--primary-light);
    color: var(--primary-light);
    background-color: transparent;
}

body.dark-mode .cta-buttons .cta-button.secondary:hover {
    background-color: rgba(0, 119, 230, 0.2);
    color: white;
}

body.dark-mode .cta-content h2 {
    color: var(--primary-light);
    text-shadow: 0 0 10px rgba(0, 119, 230, 0.3);
}

body.dark-mode .cta-content p {
    color: var(--dark-text);
}

/* Cards & Containers */
body.dark-mode .pricing-plan,
body.dark-mode .modal-content,
body.dark-mode .testimonial-card,
body.dark-mode .benefit-card,
body.dark-mode .cookie-consent {
    background-color: var(--dark-card);
    border-color: var(--dark-border);
}

body.dark-mode .domain-checker,
body.dark-mode .tabs-wrapper {
    background-color: var(--dark-card);
    border-color: var(--dark-border);
}

body.dark-mode .section-header h2,
body.dark-mode .pricing-plan h3,
body.dark-mode .modal-header h3,
body.dark-mode .tabs-content h3 {
    color: var(--dark-text);
}

body.dark-mode .section-header p,
body.dark-mode .pricing-plan p,
body.dark-mode .testimonial-text,
body.dark-mode .cookie-content p {
    color: var(--dark-text);
    opacity: 0.9;
}

/* Form Elements */
body.dark-mode .domain-input,
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background-color: var(--dark-background);
    border-color: var(--dark-border);
    color: var(--dark-text);
}

body.dark-mode .domain-input:focus,
body.dark-mode input:focus,
body.dark-mode select:focus,
body.dark-mode textarea:focus {
    border-color: var(--primary-light);
    box-shadow: 0 0 0 3px rgba(0, 119, 230, 0.2);
}

/* Table Elements */
body.dark-mode .comparison-table th,
body.dark-mode .comparison-table td {
    border-color: var(--dark-border);
}

body.dark-mode .comparison-table th {
    background-color: var(--dark-card);
    color: var(--dark-text);
}

body.dark-mode .comparison-table tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.03);
}

body.dark-mode .comparison-table th:nth-child(2) {
    background-color: rgba(0, 86, 179, 0.25);
}

body.dark-mode .comparison-table td:nth-child(2) {
    background-color: rgba(0, 86, 179, 0.1);
}