/*  dark.css  */

body.darkmode {
--primary: #70a4ff;
--accent: #3adaaa;
--gradient: linear-gradient(90deg, #233666, #2b50a0 65%, #49cebb 100%);
--section-bg: #1B253B;
--card-bg: #223157;
--shadow: 0 2px 24px rgba(0,0,0,.28), 0 1.5px 8px rgba(12,24,41,.18);
--border-radius: 1.25em;
--dark: #eaf6ff;
--light: #263459;
--cta: #36dc9d;
--success: #36dc9d;
--danger: #fb4d6d;
--star: #ffe05b;
}
body.darkmode {
    color: var(--dark);
}
body.darkmode .gradient-bar {
    background: var(--gradient);
}
body.darkmode header, body.darkmode .header-appbar, body.darkmode .contact-section, body.darkmode .features-section, body.darkmode .testimonials-section, body.darkmode .feature-list-section, body.darkmode .card-bg, body.darkmode .contact-box, body.darkmode .pricing-card, body.darkmode .feature-card {
    background: var(--card-bg) !important;
    color: var(--dark);
}
body.darkmode .hero {
    background: var(--section-bg);
}

body.darkmode .hero h1 {
  background: linear-gradient(90deg, #65a3d9 0%, #59ccb0 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: inherit;
}
body.darkmode .feature-card, body.darkmode .pricing-card, body.darkmode .contact-box, body.darkmode .feature-list-section, body.darkmode .testimonial {
    box-shadow: 0 4px 24px #101d2f8c;
    border-color: #3549824c !important;
}
body.darkmode .header-link {
    color: var(--primary);
}
body.darkmode .header-link.active::after {
    background: var(--cta);
}
body.darkmode .header-link:hover, body.darkmode .header-link:focus {
    color: var(--cta);
    text-shadow: 0 2px 4px #49cebb26;
}
body.darkmode .material-icons-outlined, body.darkmode .feature-list-icon {
    color: var(--primary) !important;
}
body.darkmode .feature-card:hover .material-icons-outlined, body.darkmode .feature-list li:hover .feature-list-icon {
    color: var(--cta) !important;
}
body.darkmode .feature-list li {
    background: linear-gradient(90deg, #212f48, #22375b 80%);
    color: #eaf6ff;
    border-left: 5px solid var(--cta);
}
body.darkmode .feature-list li:hover {
    background: linear-gradient(90deg, #25355b, #28607b 90%);
}
body.darkmode .testimonial {
    background: #232f48;
    color: #eaf6ff;
}
body.darkmode .testimonial:before {
    color: #ffe05b;
}
body.darkmode .star {
    color: #ffe05b;
}
body.darkmode footer {
    background: var(--card-bg);
    color: #829bb6;
}
body.darkmode .cta-btn {
    background: var(--cta);
    color: #17394c;
    box-shadow: 0 3px 28px #49cebb28;
}
body.darkmode .cta-btn:hover {
    background: #23a16f;
    color: #eaf6ff;
}
body.darkmode .pricing-label {
    background: var(--cta);
    color: #eaf6ff;
}
body.darkmode .pricing-features {
    color: #eaf6ff
}
/* Dark mode for inputs etc. as needed */
body.darkmode select, body.darkmode input, body.darkmode textarea {
    background: #223157;
    color: #eaf6ff;
    border: 1px solid #31416b;
}
body.darkmode .screenshots-section, body.darkmode .screenshot-card {
    background: var(--card-bg);
}
body.darkmode .screenshot-mock {
    background: #24304a;
    border: 1px solid #35498277;
}
body.darkmode .screenshot-caption {
    color: #bbbde3;
}


body.darkmode .lang-flag-selector summary {
  color: #14242e; /* sattes, sehr dunkles Blau-Grau */
}

body.darkmode .lang-flag-selector[open] summary {
  background: #2f564e;
}

body.darkmode .lang-flag-selector ul {
  background: #263a35;
  color: #eaf6ff;
}
body.darkmode .lang-flag-selector li {
  color: #eaf6ff;
}
body.darkmode .lang-flag-selector li.selected {
  background: #194c44;
}
body.darkmode .lang-flag-selector li:hover {
  background: #276f64;
}

/* Dark Mode for New Sections */
body.darkmode .hero-price {
    color: var(--success);
}
body.darkmode .cta-btn-secondary {
    background: var(--card-bg);
    color: var(--primary);
    border-color: var(--primary);
}
body.darkmode .cta-btn-secondary:hover {
    background: var(--primary);
    color: var(--dark);
    border-color: var(--primary);
}
body.darkmode .trust-bar {
    background: var(--card-bg);
}
body.darkmode .trust-item strong {
    color: var(--dark);
}
body.darkmode .trust-item span {
    color: #9ca3af;
}
body.darkmode .usp-section {
    background: var(--section-bg);
}
body.darkmode .usp-item {
    background: var(--card-bg);
}
body.darkmode .usp-text strong {
    color: var(--dark);
}
body.darkmode .usp-text span {
    color: #9ca3af;
}
body.darkmode .carousel-caption {
    color: var(--primary);
}
body.darkmode .carousel-dot {
    background: #4b5563;
}
body.darkmode .carousel-dot:hover,
body.darkmode .carousel-dot.active {
    background: var(--primary);
}
body.darkmode .carousel-play-pause {
    background: var(--card-bg);
    border-color: var(--primary);
    color: var(--primary);
}
body.darkmode .carousel-play-pause:hover {
    background: var(--primary);
    color: var(--dark);
}
body.darkmode .carousel-nav-btn {
    background: var(--card-bg);
    border-color: var(--primary);
    color: var(--primary);
}
body.darkmode .carousel-nav-btn:hover {
    background: var(--primary);
    color: var(--dark);
}
body.darkmode .faq-section {
    background: var(--card-bg);
}
body.darkmode .faq-item {
    background: var(--section-bg);
}
body.darkmode .faq-question {
    color: var(--primary);
}
body.darkmode .faq-question:hover {
    color: var(--cta);
}
body.darkmode .faq-icon {
    color: var(--primary);
}
body.darkmode .faq-item.active .faq-icon {
    color: var(--cta);
}
body.darkmode .faq-answer p {
    color: #cbd5e1;
}
body.darkmode .affiliate-section {
    background: var(--section-bg);
}
body.darkmode .affiliate-subtitle {
    color: #9ca3af;
}
body.darkmode .affiliate-example {
    background: var(--card-bg);
}
body.darkmode .example-number {
    color: var(--success);
}
body.darkmode .affiliate-example p {
    color: var(--dark);
}
body.darkmode .affiliate-features {
    background: var(--card-bg);
}
body.darkmode .affiliate-features h3 {
    color: var(--primary);
}
body.darkmode .affiliate-features li {
    color: var(--dark);
    border-bottom-color: #374151;
}
body.darkmode .affiliate-features .check {
    color: var(--success);
}
body.darkmode .pricing-section {
    background: var(--card-bg);
}
body.darkmode .pricing-card-main {
    background: var(--card-bg);
    border-color: var(--success);
}
body.darkmode .pricing-header {
    border-bottom-color: #374151;
}
body.darkmode .pricing-plan-title {
    color: var(--primary);
}
body.darkmode .price-amount {
    color: var(--success);
}
body.darkmode .price-period,
body.darkmode .pricing-yearly,
body.darkmode .pricing-note {
    color: #9ca3af;
}
body.darkmode .pricing-cta {
    background: var(--cta);
    color: #17394c;
}
body.darkmode .pricing-cta:hover {
    background: #23a16f;
    color: var(--dark);
}
body.darkmode .pricing-features-section h3 {
    color: var(--primary);
}
body.darkmode .pricing-features-list li {
    border-bottom-color: #374151;
    color: var(--dark);
}
body.darkmode .pricing-features-list .check {
    color: var(--success);
}
body.darkmode .pricing-addons {
    background: var(--section-bg);
}
body.darkmode .pricing-addons h3 {
    color: var(--primary);
}
body.darkmode .addon-item {
    background: var(--card-bg);
}
body.darkmode .addon-item strong {
    color: var(--primary);
}
body.darkmode .addon-price {
    color: var(--success);
}
body.darkmode .addon-item small {
    color: #9ca3af;
}
body.darkmode .addon-badge {
    background: var(--cta);
    color: #17394c;
}
body.darkmode .pricing-byok-section {
    background: #2d3748;
    border-color: #f59e0b;
}
body.darkmode .pricing-byok-section h3 {
    color: #fbbf24;
}
body.darkmode .pricing-card.highlight {
    border-color: var(--success);
    box-shadow: 0 8px 36px #36dc9d22;
}
body.darkmode .pricing-card.highlight .pricing-price {
    color: var(--success);
}