﻿/* Custom Site Styles - Labels and Values Styling */

/* Make all labels and <b> tags not bold, but preserve links */
label {
    font-weight: normal !important;
}

/* Keep links with their default styling */
a,
a b,
a strong {
    font-weight: inherit;
}

/* Make all input fields display bold values */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="time"],
input[type="search"],
input[type="tel"],
input[type="url"],
textarea {
    font-weight: bold !important;
}

/* Make select dropdowns bold */
select,
select.form-control,
.form-control select {
    font-weight: bold !important;
}

/* Make select dropdown options bold */
select option {
    font-weight: bold !important;
}

/* Make sure read-only fields are also bold */
input[readonly],
textarea[readonly] {
    font-weight: bold !important;
}

/* Ensure disabled fields maintain bold styling */
input:disabled,
textarea:disabled,
select:disabled {
    font-weight: bold !important;
}

/* Bootstrap specific form controls */
.form-control {
    font-weight: bold !important;
}

/* Inline form controls */
.form-control-inline,
.form-control-inline-100 {
    font-weight: bold !important;
}

/* Select2 dropdown styling if used */
.select2-container .select2-selection,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: bold !important;
}

/* Select2 dropdown options */
.select2-results__option {
    font-weight: bold !important;
}

/* Make displayed data values bold - this applies to divs that show data */
.form-group > div:not(:has(b)):not(:has(label)):not(:has(input)):not(:has(select)):not(:has(textarea)) {
    font-weight: bold !important;
}

/* Alternative: Add a class for data display */
.data-value,
span.data-value,
div .data-value,
.form-group .data-value,
.panel .data-value,
.panel-body .data-value {
    font-weight: bold !important;
}

/* Make modal body content values bold */
.modal-body input[type="text"],
.modal-body input[type="password"],
.modal-body input[type="email"],
.modal-body input[type="number"],
.modal-body input[type="date"],
.modal-body input[type="datetime"],
.modal-body input[type="datetime-local"],
.modal-body input[type="time"],
.modal-body input[type="search"],
.modal-body input[type="tel"],
.modal-body input[type="url"],
.modal-body textarea,
.modal-body select {
    font-weight: bold !important;
}

/* Make modal select options bold */
.modal-body select option {
    font-weight: bold !important;
}

/* Make modal labels not bold */
.modal-body label,
.modal-header label {
    font-weight: normal !important;
}

/* Make displayed values in modals bold */
.modal-body .data-value {
    font-weight: bold !important;
}

