/**
 * EJUS Accessibility – Form Styles
 *
 * Barrierefreie Formular-Darstellung:
 * - Sichtbare Labels, Error-States, Required-Markierung
 * - ARIA-Live-Regionen für Screenreader
 *
 * WCAG 1.3.1 Info and Relationships (Level A)
 * WCAG 3.3.1 Error Identification (Level A)
 * WCAG 3.3.2 Labels or Instructions (Level A)
 * WCAG 3.3.3 Error Suggestion (Level AA)
 */

/* ===================================================================
   1. Pflichtfeld-Markierung
   =================================================================== */

label .ejus-required-indicator {
	color: #c0392b;
	font-weight: 700;
	margin-left: 2px;
}

/* ===================================================================
   2. Fehler-Zustand
   =================================================================== */

input[aria-invalid="true"],
textarea[aria-invalid="true"],
select[aria-invalid="true"] {
	border-color: #c0392b;
	box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.2);
}

.ejus-field-error {
	color: #c0392b;
	font-size: 14px;
	margin-top: 4px;
	display: block;
}

/* ===================================================================
   3. ARIA Live-Region (visuell unsichtbar, für Screenreader)
   =================================================================== */

.ejus-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ===================================================================
   4. Radio-Buttons & Checkboxen – größere Klickfläche
   =================================================================== */

input[type="radio"],
input[type="checkbox"] {
	width: auto;
	min-width: 20px;
	min-height: 20px;
	margin-right: 8px;
	vertical-align: middle;
	cursor: pointer;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	cursor: pointer;
	vertical-align: middle;
}

/* ===================================================================
   5. Sichtbare Feldgruppen-Rahmen (fieldset/legend)
   =================================================================== */

fieldset {
	border: 1px solid #cccccc;
	padding: 16px;
	margin-bottom: 20px;
	border-radius: 4px;
}

fieldset legend {
	font-weight: 700;
	padding: 0 8px;
}