/* Custom Form Styles for Better Visibility */

/* Enhance input visibility */
.form-control, .form-select {
    border: 1px solid #6c757d !important; /* Darker border */
    background-color: #fff !important;
}

.form-control:focus, .form-select:focus {
    border-color: #0d6efd !important; /* Bootstrap primary color */
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
    background-color: #fff !important;
}

/* Enhance radio buttons and checkboxes */
.form-check-input {
    border: 2px solid #6c757d !important; /* Thicker, darker border */
    width: 1.2em;
    height: 1.2em;
    margin-top: 0.15em;
}

.form-check-input:checked {
    background-color: #198754 !important; /* Success color to match theme */
    border-color: #198754 !important;
}

.form-check-input:focus {
    border-color: #198754 !important;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25) !important;
}

/* Enhance labels for better readability */
.form-label, .form-check-label {
    font-weight: 500 !important;
    color: #212529 !important;
}

/* Floating labels adjustment */
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
    color: #495057 !important;
    font-weight: 600 !important;
}