/* 
* Services form placeholder and help text fix
* Changes the text color to bright green for better readability
* on light backgrounds
*/

/* Target specifically the service form textareas and inputs */
#project-questionnaire input::placeholder,
#project-questionnaire textarea::placeholder,
#project-questionnaire .form-control::placeholder,
#project-questionnaire .form-select::placeholder {
    color: #00cc00 !important; /* Bright green */
    opacity: 1 !important; /* Full opacity for better visibility */
    font-weight: 500 !important; /* Slightly bolder */
}

/* Webkit browsers (Chrome, Safari, Edge) */
#project-questionnaire input::-webkit-input-placeholder,
#project-questionnaire textarea::-webkit-input-placeholder,
#project-questionnaire .form-control::-webkit-input-placeholder,
#project-questionnaire .form-select::-webkit-input-placeholder {
    color: #00cc00 !important;
    opacity: 1 !important;
}

/* Firefox */
#project-questionnaire input::-moz-placeholder,
#project-questionnaire textarea::-moz-placeholder,
#project-questionnaire .form-control::-moz-placeholder,
#project-questionnaire .form-select::-moz-placeholder {
    color: #00cc00 !important;
    opacity: 1 !important;
}

/* Microsoft Edge and IE */
#project-questionnaire input::-ms-input-placeholder,
#project-questionnaire textarea::-ms-input-placeholder,
#project-questionnaire .form-control::-ms-input-placeholder,
#project-questionnaire .form-select::-ms-input-placeholder {
    color: #00cc00 !important;
    opacity: 1 !important;
}

/* Form help text color improvement - Make ALL form-related help text bright green */
#project-questionnaire .form-text,
#project-questionnaire .help-text,
#project-questionnaire small:not(.form-check-label),
#project-questionnaire .accordion-body .form-text,
#project-questionnaire .accordion-body > .form-group > div.form-text {
    color: #00cc00 !important; /* Bright green */
    font-weight: 500 !important; /* Slightly bolder */
    font-size: 0.95rem !important;
}

/* Specifically target checkbox help text shown in the screenshot */
#project-questionnaire div.form-text {
    color: #00cc00 !important;
    font-weight: 500 !important;
    margin-top: 0.25rem;
    line-height: 1.4;
}

/* Improve focus states for better accessibility */
#project-questionnaire input:focus,
#project-questionnaire textarea:focus,
#project-questionnaire .form-control:focus,
#project-questionnaire .form-select:focus {
    border-color: #00cc00 !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 204, 0, 0.25) !important;
}

/* Make sure we catch all possible variations of help text */
.accordion-collapse p:not(.form-check-label),
.accordion-body div + p,
.form-group > div.form-text,
#project-questionnaire [class*="form-"] ~ p,
#project-questionnaire div.form-check + div.form-text {
    color: #00cc00 !important;
    font-weight: 500 !important;
}

/* Target specifically the "Check all that apply" text */
#project-questionnaire div.form-check + div.form-text,
#project-questionnaire .form-check:last-of-type + .form-text {
    color: #00cc00 !important;
    font-weight: 600 !important;
    margin-top: 8px !important;
}

/* Explicitly style all form-check-label elements to be bright green */
#project-questionnaire .form-check-label {
    color: #00cc00 !important;
    font-weight: 600 !important;
}