/* =============================================================================
   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-Default: Textfarbe am Inhalts-Wrapper (vererbt) — NICHT direkt an
   <p>/<li>. Grund (v1.4.4): Elementor legt die Texteditor-Farbe am Widget-
   Element ab, das <p> erbt sie nur. Eine direkte `… .ke-popup-content p`-Regel
   (wie zuvor) schlägt diese GEERBTE Pop-up-Farbe und erzwang den Schema-Default
   → bei zentralen Pop-ups blieb der Fließtext dunkel, obwohl im Pop-up hell
   gesetzt (Überschriften „gingen", weil Elementor deren Farbe am selben
   Element wie den Text ablegt → höhere Spezifität gewinnt). Am Wrapper gesetzt
   bleibt das Schema ein echter Default, den per-Widget-Farben (Vererbung vom
   näheren Element) weiterhin überschreiben. `.ke-central-popup-content` extra,
   damit das Schema die auf DENSELBEN Wrapper gebündelte Main-Site-Kit-Farbe
   schlägt (höhere Spezifität). */
.ke-popup-scheme-dark .ke-popup-content,
.ke-popup-scheme-light .ke-popup-content,
.ke-popup-scheme-dark .ke-popup-content .ke-central-popup-content,
.ke-popup-scheme-light .ke-popup-content .ke-central-popup-content {
    color: var(--ke-ps-fg);
}
/* Überschriften weiterhin direkt: Elementor/Kit färbt Headings am Titel-Element
   selbst, daher braucht der Schema-Default hier einen direkten Treffer. Explizit
   im Pop-up gesetzte Heading-Farben haben höhere Spezifität und gewinnen. */
.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 .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 .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)));
}