/*
 * CSS für iusta-Formular (barrierefrei, GeneratePress-kompatibel).
 * 
 * @version 1.0.1
 * @author moerstedt.media
 * @since 2025-09-04
 */

.iusta-form {
    max-width: 720px;
    margin: 1rem auto;
}

.form-group {
    margin-bottom: 1em;
}

.iusta-form label {
    display: block;
    font-weight: bold;
}

.iusta-form input, .iusta-form select {
    width: 100%;
    padding: 0.5em;
    box-sizing: border-box;
}

.iusta-form button {
    padding: 0.5em 1em;
    background: var(--accent); /* WP-Color. */
    color: white;
    border: none;
    cursor: pointer;
	border-radius: 100em;    
}

.iusta-form button:hover {
    background: var(--bk-dark-blue);
}

#iusta-form-message {
    margin-top: 1em;
    padding: 0.5em;
}

#iusta-form-message pre {
    background: #fff;
    padding: 1em;
    overflow: auto;
    border: 1px solid #ddd;
}

/* Barrierefrei: Focus-Stile. */
input:focus, select:focus, button:focus {
    outline: 2px solid var(--bk-dark-blue);
}

.red {
    color: red;
}

/* Honeypot verstecken (nicht via display:none, um Screenreader zu berücksichtigen, aber positionieren). */
.honeypot-field {
    position: absolute !important;
    left: -9981px !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}