/* 
 * Surcharge des styles du thème Radzen Material-Dark
 * Ce fichier corrige le problème de fond noir sur les inputs en focus
 * UNIQUEMENT pour les champs de formulaire, sans affecter le reste de l'UI
 */

/* Surcharge UNIQUEMENT pour les inputs Radzen */
input.rz-textbox,
input.rz-textbox:hover,
input.rz-textbox:focus,
input.rz-textbox:active,
input.rz-inputtext,
input.rz-inputtext:hover,
input.rz-inputtext:focus,
input.rz-inputtext:active,
textarea.rz-inputtext,
textarea.rz-inputtext:hover,
textarea.rz-inputtext:focus,
textarea.rz-inputtext:active {
    background-color: white !important;
    color: black !important;
    caret-color: black !important;
}

/* Surcharge pour les inputs dans les wrappers de composants */
.rz-datepicker input,
.rz-datepicker input:hover,
.rz-datepicker input:focus,
.rz-datepicker input:active,
.rz-numeric input,
.rz-numeric input:hover,
.rz-numeric input:focus,
.rz-numeric input:active,
.rz-dropdown input,
.rz-dropdown input:hover,
.rz-dropdown input:focus,
.rz-dropdown input:active,
.rz-multiselect input,
.rz-multiselect input:hover,
.rz-multiselect input:focus,
.rz-multiselect input:active,
.rz-autocomplete input,
.rz-autocomplete input:hover,
.rz-autocomplete input:focus,
.rz-autocomplete input:active,
.rz-password input,
.rz-password input:hover,
.rz-password input:focus,
.rz-password input:active {
    background-color: white !important;
    color: black !important;
    caret-color: black !important;
}

/* Fix spécifique pour RadzenDropDown - le label qui affiche la valeur sélectionnée */
.rz-dropdown,
.rz-dropdown:hover,
.rz-dropdown:focus,
.rz-dropdown.rz-state-focused {
    background-color: white !important;
}

.rz-dropdown-label,
.rz-dropdown-label:hover,
.rz-dropdown-label:focus,
.rz-dropdown.rz-state-focused .rz-dropdown-label,
span.rz-dropdown-label.rz-inputtext,
span.rz-dropdown-label.rz-inputtext:hover,
span.rz-dropdown-label.rz-inputtext:focus {
    background-color: white !important;
    color: black !important;
}

/* Fix pour le wrapper du dropdown */
.rz-dropdown-trigger,
.rz-dropdown-trigger:hover,
.rz-dropdown-trigger:focus {
    background-color: white !important;
}

/* Fix pour MultiSelect qui a une structure similaire */
.rz-multiselect,
.rz-multiselect:hover,
.rz-multiselect:focus,
.rz-multiselect.rz-state-focused {
    background-color: white !important;
}

.rz-multiselect-label,
.rz-multiselect-label:hover,
.rz-multiselect-label:focus,
.rz-multiselect.rz-state-focused .rz-multiselect-label {
    background-color: white !important;
    color: black !important;
}

/* Surcharge spécifique pour les états focused de Radzen */
.rz-state-focused input.rz-inputtext,
.rz-state-focused input.rz-textbox {
    background-color: white !important;
    color: black !important;
    caret-color: black !important;
}

/* S'assurer que le placeholder reste visible dans les inputs */
input.rz-textbox::placeholder,
input.rz-inputtext::placeholder,
textarea.rz-inputtext::placeholder {
    color: #666 !important;
    opacity: 0.7 !important;
}

input.rz-textbox:focus::placeholder,
input.rz-inputtext:focus::placeholder,
textarea.rz-inputtext:focus::placeholder {
    color: #999 !important;
    opacity: 0.5 !important;
}