/* =============================================================================
   KE Pop-up Hell/Dunkel-Schema — v0.63.3
   Regelt den Kontrast des Pop-up-Inhalts unabhängig vom Modal-Hintergrund.
   Klasse `.ke-popup-scheme-light` / `.ke-popup-scheme-dark` sitzt am
   `.ke-popup-modal` (vom Frontend-JS gesetzt). Greift als Default für Text/
   Bedienelemente; per-Widget gesetzte Farben überschreiben es weiterhin.
   ============================================================================= */

.ke-popup-scheme-light {
    --ke-ps-fg: #111827;
    --ke-ps-muted: #4b5563;
    --ke-ps-border: rgba(0, 0, 0, 0.15);
    --ke-ps-field-bg: #ffffff;
    --ke-ps-field-fg: #111827;
    --ke-ps-field-border: rgba(0, 0, 0, 0.2);
}

.ke-popup-scheme-dark {
    --ke-ps-fg: #f8fafc;
    --ke-ps-muted: #cbd5e1;
    --ke-ps-border: rgba(255, 255, 255, 0.28);
    --ke-ps-field-bg: rgba(255, 255, 255, 0.10);
    --ke-ps-field-fg: #f8fafc;
    --ke-ps-field-border: rgba(255, 255, 255, 0.30);
}

/* Inhalt: Überschriften / Fließtext / Listen / Links */
.ke-popup-scheme-dark .ke-popup-content,
.ke-popup-scheme-light .ke-popup-content {
    color: var(--ke-ps-fg);
}
.ke-popup-scheme-dark .ke-popup-content h1,
.ke-popup-scheme-dark .ke-popup-content h2,
.ke-popup-scheme-dark .ke-popup-content h3,
.ke-popup-scheme-dark .ke-popup-content h4,
.ke-popup-scheme-dark .ke-popup-content h5,
.ke-popup-scheme-dark .ke-popup-content h6,
.ke-popup-scheme-dark .ke-popup-content p,
.ke-popup-scheme-dark .ke-popup-content li,
.ke-popup-scheme-dark .ke-popup-content .elementor-heading-title,
.ke-popup-scheme-light .ke-popup-content h1,
.ke-popup-scheme-light .ke-popup-content h2,
.ke-popup-scheme-light .ke-popup-content h3,
.ke-popup-scheme-light .ke-popup-content h4,
.ke-popup-scheme-light .ke-popup-content h5,
.ke-popup-scheme-light .ke-popup-content h6,
.ke-popup-scheme-light .ke-popup-content p,
.ke-popup-scheme-light .ke-popup-content li,
.ke-popup-scheme-light .ke-popup-content .elementor-heading-title {
    color: var(--ke-ps-fg);
}
.ke-popup-scheme-dark .ke-popup-content a,
.ke-popup-scheme-light .ke-popup-content a {
    color: var(--ke-ps-fg);
}

/* Trennlinien */
.ke-popup-scheme-dark .ke-popup-content .elementor-divider-separator,
.ke-popup-scheme-light .ke-popup-content .elementor-divider-separator {
    border-top-color: var(--ke-ps-border);
}

/* Formular-Felder (Form-Builder) */
.ke-popup-scheme-dark .ke-popup-content .ke-form-builder input,
.ke-popup-scheme-dark .ke-popup-content .ke-form-builder textarea,
.ke-popup-scheme-dark .ke-popup-content .ke-form-builder select,
.ke-popup-scheme-light .ke-popup-content .ke-form-builder input,
.ke-popup-scheme-light .ke-popup-content .ke-form-builder textarea,
.ke-popup-scheme-light .ke-popup-content .ke-form-builder select {
    background-color: var(--ke-ps-field-bg);
    color: var(--ke-ps-field-fg);
    border-color: var(--ke-ps-field-border);
}
.ke-popup-scheme-dark .ke-popup-content .ke-form-builder label,
.ke-popup-scheme-light .ke-popup-content .ke-form-builder label {
    color: var(--ke-ps-fg);
}
.ke-popup-scheme-dark .ke-popup-content .ke-form-builder ::placeholder,
.ke-popup-scheme-light .ke-popup-content .ke-form-builder ::placeholder {
    color: var(--ke-ps-muted);
    opacity: 1;
}

/* Close-Button passt sich dem Schema an (liegt außerhalb .ke-popup-content).
   v0.63.22: explizite Icon-Farbe (--ke-close-color, aus dem Trigger-Widget) hat
   Vorrang; das Schema ist nur Fallback. Sonst überschrieb diese Regel (höhere
   Spezifität) die eingestellte Schließen-Icon-Farbe. */
.ke-popup-scheme-dark .ke-popup-close,
.ke-popup-scheme-light .ke-popup-close {
    color: var(--ke-close-color, var(--ke-ps-fg));
}
.ke-popup-scheme-dark .ke-popup-close:hover,
.ke-popup-scheme-light .ke-popup-close:hover {
    color: var(--ke-close-color-hover, var(--ke-close-color, var(--ke-ps-fg)));
}