/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

/* This targets BOTH the system help and your custom help text */
.question-help-container, .help-block, .ls-questionhelp, .ls-questionhelp * {
    font-size: 13px !important; /* Slightly smaller to match the system look */
    font-style: italic !important;
    color: #555 !important; /* A softer grey like the 'Choose one' text */
    line-height: 1.5 !important; /* Keeps the long paragraph readable */
}

/* Only show the red border if the input is actually invalid AND has been touched */
.form-control.error:placeholder-shown {
    border-color: #ccc !important;
    box-shadow: none !important;
}

/* This ensures that if the first field is valid, the system-level 'has-error' class is ignored */
.has-error .form-control[value=""] {
    border-color: #ccc !important;
}