/* ================================================
   CF7 Eingabefelder der Anfrage-Karte (SEO-Unterseiten)
   Datei: assets/css/cf7-fields.css
   ================================================

   Zweck: Name und Telefonnummer stehen in der Hero-Karte auf sehr dunklem
   Grund und waren selbst dunkel-transparent. Weisse Felder heben sich ab
   und lesen sich als das, was sie sind: etwas zum Ausfuellen.

   Scope: ausschliesslich `.cc-card`, also die 277 SEO-Unterseiten.
   Die Startseite (ID 6) traegt `.contact-section` und wird nicht beruehrt.

   Spezifitaet: jeder `post_content` bringt ein eigenes <style> mit
   `.cc-card input[type="text"] { ... }` (0,2,1) und steht spaeter im DOM
   als dieses Theme-CSS. Bei Gleichstand gewinnt das Seiten-CSS, deshalb
   zielt hier alles ueber `.wpcf7-form` eine Stufe hoeher (0,3,1).

   Die zweite Karte im Abschnitt `#kontakt` bleibt absichtlich, wie sie ist:
   `cf7-contact.css` faerbt sie ueber `#kontakt input[...] !important`
   bereits hell ein. Diese Datei arbeitet ohne `!important` und laesst
   die ID-Regel gewinnen.
   ================================================ */

.cc-card .wpcf7-form input[type="text"],
.cc-card .wpcf7-form input[type="tel"],
.cc-card .wpcf7-form input[type="email"],
.cc-card .wpcf7-form textarea {
    background: #FFFFFF;
    border: 1px solid rgba(26, 35, 50, 0.12);
    color: #1A2332;
}

.cc-card .wpcf7-form input[type="text"]::placeholder,
.cc-card .wpcf7-form input[type="tel"]::placeholder,
.cc-card .wpcf7-form input[type="email"]::placeholder,
.cc-card .wpcf7-form textarea::placeholder {
    color: #64748B;
    opacity: 1;
}

/* Fokus: gruener Ring passend zum Absende-Button, Feld bleibt weiss. */
.cc-card .wpcf7-form input[type="text"]:focus,
.cc-card .wpcf7-form input[type="tel"]:focus,
.cc-card .wpcf7-form input[type="email"]:focus,
.cc-card .wpcf7-form textarea:focus {
    background: #FFFFFF;
    border-color: #22C55E;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.22);
}

/* Autofill: Chrome faerbt sonst hellgelb und setzt eigene Textfarbe. */
.cc-card .wpcf7-form input[type="text"]:-webkit-autofill,
.cc-card .wpcf7-form input[type="tel"]:-webkit-autofill,
.cc-card .wpcf7-form input[type="email"]:-webkit-autofill,
.cc-card .wpcf7-form input[type="text"]:-webkit-autofill:focus,
.cc-card .wpcf7-form input[type="tel"]:-webkit-autofill:focus,
.cc-card .wpcf7-form input[type="email"]:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
    -webkit-text-fill-color: #1A2332;
    caret-color: #1A2332;
}

/* Pflichtfeld-Markierung von CF7 auf hellem Grund lesbar halten. */
.cc-card .wpcf7-form .wpcf7-not-valid {
    border-color: #EF4444;
}