/* =========================================================
   Job-Einfach.de — Frontend Polish (Formulare, Buttons, Fokus)
   Wird nach der Theme-CSS geladen. Reversibel (Link entfernen).
   ========================================================= */
:root{ --je-g:#1FA24A; --je-g2:#12833B; --je-ring:rgba(31,162,74,.22); --je-line:#dfe6e1; }

/* ---------- Formularfelder ---------- */
.text-field.w-input, .text-field.w-select, .w-input, .w-select,
.footer-form-input, .contact-form.w-input, .contact-form-2.w-input, textarea.w-input{
  border-radius:12px !important;
  border:1px solid var(--je-line) !important;
  background:#ffffff !important;
  padding:14px 16px !important;
  font-size:15px !important;
  transition:border-color .15s ease, box-shadow .15s ease !important;
  box-shadow:none !important;
}
.text-field.w-input:focus, .text-field.w-select:focus, .w-input:focus, .w-select:focus,
.footer-form-input:focus, textarea.w-input:focus{
  border-color:var(--je-g) !important;
  box-shadow:0 0 0 4px var(--je-ring) !important;
  outline:none !important;
}
.w-input::placeholder, .w-select:invalid{ color:#8a978f !important; }
.from-row{ display:flex; gap:16px; flex-wrap:wrap; }
.from-row > .text-field{ flex:1 1 220px; }

/* ---------- Buttons: grüne Pill ---------- */
.submit-button.w-button, .green-btn.w-button, .btn.w-button:not(.with-border){
  border-radius:999px !important;
  font-weight:700 !important;
  letter-spacing:.01em !important;
  padding:14px 32px !important;
  background-color:var(--je-g) !important;
  border:0 !important;
  box-shadow:0 12px 24px -12px var(--je-ring) !important;
  transition:background-color .15s ease, transform .12s ease !important;
}
.submit-button.w-button:hover, .green-btn.w-button:hover, .btn.w-button:not(.with-border):hover{
  background-color:var(--je-g2) !important;
}
.ghost-green-btn.w-button, .btn.with-border.w-button{
  border-radius:999px !important; font-weight:700 !important; padding:13px 28px !important;
}

/* ---------- Fokus / Barrierefreiheit ---------- */
a:focus-visible, button:focus-visible, .w-button:focus-visible, input:focus-visible, select:focus-visible{
  outline:2px solid var(--je-g) !important; outline-offset:2px;
}