/* Optional: If you want to remove the shadow completely */
.form-control:focus {
    box-shadow: none;
    border-color: #ced4da;
}

.btn:focus {
    box-shadow: none;
}

/* Update form control backgrounds */
.form-control {
    background-color: #1f1b2c;
    border-color: #3f3a4c;
    color: #c8bdcb;
}

.form-control:focus {
    background-color: #1f1b2c;
    border-color: #4d475c;
    color: #c8bdcb;
    box-shadow: 0 0 0 0.25rem rgba(200, 189, 203, 0.25);
}

.form-control:focus {
    background-color: #282534;
    border-color: #6c63ff;
    box-shadow: 0 0 0 0.25rem rgba(108, 99, 255, 0.25);
    color: white;
}

.form-control::placeholder {
    color: #8d8698;
} 

.form-group-light {
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 0.5rem;
    padding: 1rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.form-group-light label {
    color: #c8bdcb;
    margin-bottom: 0.5rem;
}
#listCarForm ::placeholder {
    color: rgba(255, 255, 255, 0.6); /* White with 60% opacity */
    opacity: 1; /* Ensures Bootstrap doesn’t override it */
}