/* Powermail contact form 2: align textarea and restore the native checkbox. */
.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_textarea textarea.powermail_textarea {
    box-sizing: border-box;
    width: 100%;
    background: #eeeeee;
    border: 1px solid #4b173e;
    color: #4b173e;
    font: inherit;
    padding: 7px 10px;
}

.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_textarea textarea.powermail_textarea.parsley-error,
.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_textarea textarea.powermail_textarea.powermail_field_error {
    border-color: #ff442a;
}

.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_check .checkbox {
    display: grid;
    grid-template-columns: 1.125rem minmax(0, 1fr);
    align-items: start;
    gap: 0.5rem;
    margin: 0.5rem 0;
}

.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_check .checkbox > input.powermail_checkbox {
    position: static;
    display: inline-block;
    opacity: 1;
    appearance: auto;
    float: none;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0.2rem 0 0;
    padding: 0;
    z-index: auto;
    accent-color: #6f295d;
    cursor: pointer;
}

.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_check .checkbox > label.form-check-label {
    float: none;
    position: static;
    z-index: auto;
    margin: 0;
    padding: 0;
    min-width: 0;
    cursor: pointer;
}

.tx-powermail form.powermail_form_2 input.powermail_checkbox:focus-visible {
    outline: 2px solid #6f295d;
    outline-offset: 3px;
}

/* Match the existing input focus style without adding an outer outline. */
.tx-powermail form.powermail_form_2 .powermail_fieldwrap_type_textarea textarea.powermail_textarea:focus {
    background: #f8f8f8;
    outline: none;
    box-shadow: 0 0 3px 3px rgba(113, 126, 134, 0.25);
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
