/* DiWo 2026: Winterdienst-Meldeformular – Look wie das Sperrmüllformular (KWB)
   Grün #627E12 (barrierefreie Variante von #779816), Fokus Gold #FFD700, Schrift Delicious */
[data-wd-ready]{
  --wd-gruen:#627E12; --wd-gruen-hell:#779816; --wd-orange:#b85c00; --wd-text:#1f2a10;
  --wd-fehler:#b3261e; --wd-fehler-bg:#fdeceb; --wd-hinweis-bg:#eef6d6; --wd-weiss:#fff; --wd-fokus:#FFD700;
  background-color:transparent !important;
  /* DiWo 2026: Innenabstand von Convert Forms (Design-Einstellung „Abstand“, dort 40 px) aufheben, damit das Formular
     bündig mit dem Text darüber steht und nicht schmaler wirkt (Version 1.0.5) */
  padding:0 !important; margin-top:0 !important; max-width:none !important; width:auto !important;
}
/* DiWo 2026: Das Formular steht auf der Seite in einer Kachel-Liste (ra1-grid) mit overflow:hidden. Ohne seitlichen
   Abstand schneidet diese den rechten Feldrand und den gelben Fokusrahmen (3 px + 1 px Abstand) ab. 5 px reichen,
   damit Ränder und Fokus sichtbar bleiben (Barrierefreiheit), und das Formular bleibt optisch bündig (Version 1.0.6). */
[data-wd-ready].convertforms,[data-wd-ready]{padding-left:5px !important;padding-right:5px !important}
[data-wd-ready] .cf-form-wrap,[data-wd-ready] form,[data-wd-ready] .cf-fields{padding-left:0 !important;padding-right:0 !important;padding-top:0 !important;margin-top:0 !important;max-width:none !important}
/* DiWo 2026: Überschriften im Formular in der Seitenschrift statt der in Convert Forms eingestellten Arial (Version 1.0.5) */
[data-wd-ready] .cf-control-group[data-type="heading"] :is(h1,h2,h3,h4,h5,h6){font-family:inherit !important}
[data-wd-ready] .cf-control-input{font-size:1.3em}
[data-wd-ready] .cf-btn{font-size:inherit}

/* DiWo 2026: Felder: leer = orange, ausgefüllt = grün (wie Sperrmüll) */
[data-wd-ready] input.cf-input,[data-wd-ready] select.wd-select,[data-wd-ready] textarea.cf-input{background-color:transparent}
[data-wd-ready] input.cf-input:placeholder-shown,[data-wd-ready] select.wd-select:has(option[value=""]:checked){border:1px solid var(--wd-orange) !important}
[data-wd-ready] input.cf-input:not(:placeholder-shown),[data-wd-ready] select.wd-select{border:1px solid var(--wd-gruen) !important}
[data-wd-ready] select.wd-select{width:100%;padding:.55em .7em;border-radius:0;color:var(--wd-text);appearance:auto;font:inherit}
[data-wd-ready] select.wd-select:disabled,[data-wd-ready] input.cf-input[readonly]{opacity:.55;cursor:not-allowed}
[data-wd-ready] :is(input,select,textarea,button):focus-visible{outline:3px solid var(--wd-fokus) !important;outline-offset:1px}

/* DiWo 2026: Ersetztes Convert-Forms-Feld bleibt für den Versand im Formular, ist aber unsichtbar */
[data-wd-ready] .wd-versteckt{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;border:0 !important;opacity:0 !important}
[data-wd-ready] .wd-aus,[data-wd-ready] .wd-schritt-aus{display:none !important}
.wd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* DiWo 2026: Straßensuche */
[data-wd-ready] .wd-combo{position:relative}
[data-wd-ready] .wd-liste{position:absolute;left:0;right:0;top:100%;z-index:20;margin:2px 0 0;padding:0;list-style:none;background:var(--wd-weiss);max-height:min(50vh,22em);overflow:auto;box-shadow:0 6px 18px rgba(0,0,0,.25);border:1px solid var(--wd-gruen)}
[data-wd-ready] .wd-liste li{padding:.5em .7em;cursor:pointer;color:var(--wd-text);font-size:.85em;line-height:1.3}
[data-wd-ready] .wd-liste li:hover,[data-wd-ready] .wd-liste li[aria-selected="true"]{background:var(--wd-gruen);color:var(--wd-weiss)}
[data-wd-ready] input.wd-falsch,[data-wd-ready] select.wd-falsch,[data-wd-ready] textarea.wd-falsch{border-color:var(--wd-fehler) !important;box-shadow:inset 3px 0 0 var(--wd-fehler)}
[data-wd-ready] .wd-fehler{margin:.4em 0 0;padding:.5em .7em;background:var(--wd-fehler-bg);color:var(--wd-fehler);font-size:.75em;line-height:1.4}
[data-wd-ready] .wd-hinweis{margin:.6em 0 0;padding:.7em .9em;background:var(--wd-hinweis-bg);border-left:4px solid var(--wd-gruen);color:var(--wd-text);font-size:1rem;line-height:1.45}

/* DiWo 2026: Schrittleiste wie beim Sperrmüllformular */
.wd-schritte{display:flex;list-style:none;margin:0 0 1rem;padding:0;overflow:hidden;box-shadow:inset -.45em 0 0 var(--wd-gruen-hell);font-size:1.3em}
.wd-schritte li{flex:1 1 0;min-width:0;transform:skewX(-15deg);border-top:1px solid var(--wd-gruen);border-right:1px solid var(--wd-gruen);background:transparent;transition:background .4s}
.wd-schritte li:first-child{margin-left:-.4em;padding-left:.4em}
.wd-schritte li.aktuell,.wd-schritte li.erledigt{background:var(--wd-gruen)}
.wd-schritte button{all:unset;box-sizing:border-box;display:block;width:100%;padding:.8rem .4rem;text-align:center;transform:skewX(15deg);color:var(--wd-gruen);font-family:inherit;line-height:1.2;overflow-wrap:anywhere}
.wd-schritte li.aktuell button,.wd-schritte li.erledigt button{color:var(--wd-weiss)}
.wd-schritte li.erledigt button{cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
.wd-schritte button:focus-visible{outline:3px solid var(--wd-fokus);outline-offset:-3px}
.wd-schritt-titel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* DiWo 2026: Zurück / Weiter wie beim Sperrmüllformular */
.wd-nav{display:flex;justify-content:space-between;gap:1rem;margin:3em 0 2em}
.wd-nav button{padding:1rem 2rem;color:var(--wd-gruen);background:transparent;border:1px solid var(--wd-gruen);font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:background .3s,color .3s}
.wd-nav button:hover{color:var(--wd-weiss);background:var(--wd-gruen)}
.wd-nav .wd-weiter{margin-left:auto}
.wd-nav button[hidden]{display:none}

.wd-debug{background:#fff8d6;border:1px dashed #b58b00;padding:1em;font-size:.8rem;white-space:pre-wrap;color:#3b3000}
.wd-form-warnung{background:#fdeceb;color:#b3261e;padding:.8em 1em}

.wd-schritte .wd-nr{display:none}
@media (max-width:760px){
  .wd-schritte{font-size:1em}
  .wd-schritte button{padding:.7rem .2rem}
  .wd-schritte li.aktuell{flex:3 1 0}
  .wd-schritte li:not(.aktuell) .wd-nr{display:inline;font-weight:700}
  .wd-schritte li:not(.aktuell) .wd-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .wd-nav button{padding:.8rem 1.2rem}
}
@media (prefers-reduced-motion:reduce){.wd-schritte li,.wd-nav button{transition:none}}

/* DiWo 2026: Absicherung der Schritt-Schaltflächen gegen allgemeine Button-Regeln aus Template bzw. Convert Forms
   (dort überschrieben: Rahmen, Großschreibung, Ausrichtung). Höhere Spezifität plus !important nur bei den
   betroffenen Eigenschaften (Version 1.0.3). */
[data-wd-ready] .wd-nav{display:flex !important;justify-content:space-between !important;align-items:center;width:100%}
[data-wd-ready] .wd-nav > button.wd-zurueck,[data-wd-ready] .wd-nav > button.wd-weiter{display:inline-block !important;width:auto !important;min-width:0 !important;max-width:none !important;flex:0 0 auto !important;float:none !important;margin:0 !important;padding:1rem 2rem !important;color:var(--wd-gruen) !important;background:transparent !important;border:1px solid var(--wd-gruen) !important;border-radius:0 !important;box-shadow:none !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:2px !important;line-height:1.2 !important}
[data-wd-ready] .wd-nav > button.wd-zurueck:hover,[data-wd-ready] .wd-nav > button.wd-weiter:hover,[data-wd-ready] .wd-nav > button:focus-visible{color:#fff !important;background:var(--wd-gruen) !important}
[data-wd-ready] .wd-nav > button.wd-weiter{margin-left:auto !important}
[data-wd-ready] .wd-nav > button[hidden]{display:none !important}
@media (max-width:600px){[data-wd-ready] .wd-nav > button.wd-zurueck,[data-wd-ready] .wd-nav > button.wd-weiter{padding:.8rem 1.2rem !important}}
/* DiWo 2026: Ankreuzfeld „Keine Hausnummer vorhanden“ und schreibgeschütztes Hausnummernfeld (Version 1.0.4) */
[data-wd-ready] .wd-ohne-hnr{display:flex;align-items:center;gap:.5em;margin:.5em 0 0;font-size:.9em}
[data-wd-ready] .wd-ohne-hnr input{width:1.2em;height:1.2em;margin:0;accent-color:var(--wd-gruen);flex:0 0 auto}
[data-wd-ready] .wd-ohne-hnr label{margin:0;cursor:pointer}
[data-wd-ready] input.wd-ohne{background:#f1f3ea !important;color:#4a5160 !important;font-style:italic}
/* DiWo 2026: „Meldung absenden“ steht im letzten Schritt rechts neben „Zurück“, gefüllt grün als Hauptaktion
   (Kontrast Weiß auf #627E12 ca. 4,9 : 1) (Version 1.0.7) */
[data-wd-ready] .wd-nav > .wd-absenden{display:inline-block !important;width:auto !important;flex:0 0 auto !important;margin:0 0 0 auto !important;padding:1rem 2rem !important;background:var(--wd-gruen) !important;color:#fff !important;border:1px solid var(--wd-gruen) !important;border-radius:0 !important;box-shadow:none !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:2px !important;line-height:1.2 !important;cursor:pointer}
[data-wd-ready] .wd-nav > .wd-absenden:hover{background:#4e650e !important;border-color:#4e650e !important}
[data-wd-ready] .wd-nav > .wd-absenden[hidden]{display:none !important}
/* DiWo 2026: Navigation nach erfolgreichem Absenden ausblenden (höhere Spezifität als die Flex-Regel oben) (Version 1.0.8) */
[data-wd-ready] .wd-nav.wd-aus,[data-wd-ready] .wd-schritte.wd-aus{display:none !important}
/* DiWo 2026: Schaltfläche „Weitere Meldung abgeben“ unter der Dankesmeldung, im Stil von Weiter/Zurück (Version 1.0.9) */
[data-wd-ready] .wd-neu{display:inline-block;margin:1.5em 0 0;padding:1rem 2rem;color:var(--wd-gruen) !important;background:transparent !important;border:1px solid var(--wd-gruen) !important;border-radius:0 !important;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:2px;line-height:1.2;cursor:pointer;width:auto !important}
[data-wd-ready] .wd-neu:hover,[data-wd-ready] .wd-neu:focus-visible{color:#fff !important;background:var(--wd-gruen) !important}
[data-wd-ready] .wd-neu[hidden]{display:none !important}