/**
 * Erste Basisgestaltung.
 * Das finale Styling folgt, sobald das Formular im Enfold-Layout sichtbar ist.
 */

.aoyama-complaint-form {
    width: 100%;
}

.aoyama-complaint-form > h2 {
    margin-bottom: 1.5rem !important;
}

.aoyama-complaint-form .acf-field {

}

.aoyama-complaint-form .acf-label label {
    font-weight: 600;
}

.aoyama-complaint-form input[type="text"],
.aoyama-complaint-form input[type="email"],
.aoyama-complaint-form input[type="date"],
.aoyama-complaint-form textarea,
.aoyama-complaint-form select {
    width: 100%;
    max-width: 100%;
}

.aoyama-signature-pad {
    overflow: hidden;
    width: 100%;
    max-width: 800px;
    border: 1px solid #8c8f94;
    border-radius: 4px;
    background-color: #fff;
}

.aoyama-signature-canvas {
    display: block;
    width: 100%;
    height: 220px;
    cursor: crosshair;
    touch-action: none;
}

.aoyama-signature-canvas:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

.aoyama-signature-actions {
  margin-top: 5px;
  margin-bottom: 1rem;
  display: block;
  min-height: 40px;
}

.aoyama-signature-error {
    margin: 0.75rem 0 0;
    color: #b32d2e;
    font-weight: 600;
}

.aoyama-signature-field--invalid .aoyama-signature-pad {
    border-color: #b32d2e;
    box-shadow: 0 0 0 1px #b32d2e;
}