/**
 * Fix für weiße Schrift in Affiliate-Formularfeldern
 * Problem: Text ist nicht sichtbar in Input-Feldern
 */

/* Stelle sicher, dass alle Input-Felder schwarzen Text haben */
.form-group input,
.form-group select,
.form-group textarea,
.form-container input,
.form-container select,
.form-container textarea,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
select,
textarea {
    color: #1A365D !important; /* OYROPA Navy für Text */
    background-color: white !important; /* Weißer Hintergrund */
    border: 2px solid #E2E8F0 !important;
}

/* Placeholder-Text in grau */
.form-group input::placeholder,
.form-group select::placeholder,
.form-group textarea::placeholder,
input::placeholder,
textarea::placeholder {
    color: #9CA3AF !important; /* Grauer Placeholder */
    opacity: 1 !important;
}

/* Focus-State */
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border-color: #D69E2E !important; /* OYROPA Gold bei Fokus */
    box-shadow: 0 0 0 3px rgba(214, 158, 46, 0.1) !important;
    color: #1A365D !important; /* Text bleibt Navy */
    background-color: white !important;
}

/* Labels sollten auch sichtbar sein */
.form-group label,
.form-container label,
label {
    color: #1A365D !important; /* Navy für Labels */
    font-weight: 600 !important;
}

/* Disabled fields */
input:disabled,
select:disabled,
textarea:disabled {
    background-color: #F3F4F6 !important;
    color: #6B7280 !important;
    cursor: not-allowed !important;
}

/* Autofill-Farben korrigieren */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #1A365D !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
    color: #1A365D !important;
}

/* Select-Dropdown Options */
select option {
    color: #1A365D !important;
    background-color: white !important;
}

/* Fehlermeldungen sichtbar machen */
.error-message,
.form-error,
.validation-error {
    color: #DC2626 !important;
    background-color: #FEE2E2 !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    margin-top: 5px !important;
}