/*
 * theme/agewis-clone/assets/styles/forms.css
 * Phase 25.8 — Feedback-Form-Stub. Wird ueber inc/feedback-form.php
 * via wp_enqueue_style geladen, abhaengig vom 'agewis-main'-Handle.
 */

/* ===== Form-Container ===== */
.agewis-feedback-form,
.agewis-contact-form {
  max-width: 56ch;
  margin: 2rem 0;
  padding: 1.5rem;
  background: var(--wp--preset--color--neutral-50, #f7f7f8);
  border: 1px solid var(--wp--preset--color--neutral-200, #d8dadb);
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
/* Wenn Form im Kontakt-Wrapper steht, voll Breite des Wrappers nehmen */
.agewis-kontakt-form-wrap .agewis-contact-form {
  max-width: 100%;
  margin: 0;
}

.agewis-feedback-form fieldset,
.agewis-contact-form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
.agewis-feedback-form legend,
.agewis-contact-form legend {
  font-weight: 600;
  margin-bottom: 0.5rem;
  padding: 0;
}

.agewis-form-radiogroup {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.agewis-form-radiogroup label {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  cursor: pointer;
}
.agewis-form-radiogroup input[type="radio"] {
  margin-top: 0.2em;
}

/* ===== Felder ===== */
.agewis-form-row {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  margin: 0;
}
.agewis-form-row label {
  font-weight: 600;
}
.agewis-feedback-form input[type="text"],
.agewis-feedback-form input[type="email"],
.agewis-feedback-form textarea,
.agewis-contact-form input[type="text"],
.agewis-contact-form input[type="email"],
.agewis-contact-form input[type="tel"],
.agewis-contact-form textarea {
  width: 100%;
  padding: 0.625rem 0.75rem;
  font: inherit;
  color: inherit;
  background: var(--wp--preset--color--white, #fff);
  border: 1px solid var(--wp--preset--color--neutral-300, #b8bcbe);
  border-radius: 0.375rem;
  box-sizing: border-box;
}
.agewis-feedback-form textarea,
.agewis-contact-form textarea {
  resize: vertical;
  min-height: 8rem;
}

/* Focus uebernimmt globalen Outline aus main.css (a11y) — keine Doppelung. */

/* ===== Honeypot: vor menschlichen Nutzern komplett versteckt ===== */
.agewis-form-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  clip: rect(0 0 0 0);
}

/* ===== Submit ===== */
.agewis-form-actions {
  margin: 0;
}
.agewis-form-submit {
  background: var(--wp--preset--color--primary, #00427C);
  color: var(--wp--preset--color--white, #fff);
  border: none;
  padding: 0.75rem 1.25rem;
  border-radius: 0.375rem;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: background 0.15s ease;
}
.agewis-form-submit:hover,
.agewis-form-submit:focus-visible {
  background: var(--wp--preset--color--primary-200, #336896);
}

.agewis-form-note {
  font-size: 0.875rem;
  color: var(--wp--preset--color--neutral-700, #4a4d4f);
  margin: 0;
}

/* ===== Status-Region (role=status / role=alert) ===== */
.agewis-form-message {
  padding: 0.875rem 1rem;
  border-radius: 0.375rem;
  border-left: 4px solid transparent;
  font-weight: 600;
}
.agewis-form-message--success {
  background: #e6f0e6;
  color: #1f4a23;
  border-left-color: #2d7a35;
}
.agewis-form-message--error {
  background: #fbe6e6;
  color: #6b1f1f;
  border-left-color: #b13030;
}