/* Validierungsstile für das Anmeldeformular */

/* Generelle Stile für normale Formularelemente */
input:not([type="checkbox"]):not([type="radio"]).error,
select.error,
textarea.error {
    border-color: #dc3545 !important;
}

input:not([type="checkbox"]):not([type="radio"]).valid,
select.valid,
textarea.valid {
    border-color: #28a745 !important;
}

/* Fehlermeldungen */
.validationerror {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 4px;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background-color: #fff8f8;
    padding: 5px 10px;
    border-radius: 4px;
    border-left: 3px solid #dc3545;
}

/* Validierungsstile für Label-Texte */
input[type="checkbox"][data-validation-state="valid"] + label,
input[type="radio"][data-validation-state="valid"] + label {
    color: #28a745;
}

input[type="checkbox"][data-validation-state="error"] + label,
input[type="radio"][data-validation-state="error"] + label {
    color: #dc3545;
    font-weight: bold;
}

/* Suchefeld mit speziellem Platzhalter */
.custom-select {
    width: 100%;
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

/* Wochenauswahl - Containerklassen */
.form-group.weeks-container {
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background-color: #f8f9fa;
}

/* Checkboxen in der Wochenauswahl */
.form-group.weeks-container input[type="checkbox"][data-validation-state="error"] + label {
    color: #dc3545;
    font-weight: bold;
}

/* Ausrichtung für Radio-Button-Gruppierungen */
.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}