/**
 * OneHR: required field markers use a red asterisk on labels (not the core "!" icon or footer legend).
 */

/* Hide core required icon (!) next to labels and checkboxes. */
.mform .text-danger[aria-hidden="true"] {
    display: none !important;
}

/* Legacy required marker in old form HTML. */
.mform span.req {
    display: none !important;
}

/* Footer legend: "! Required" at the bottom of forms. */
.mform .fdescription.required {
    display: none !important;
}

/* Standard vertical form fields (e.g. course full name). */
.mform .fitem:has(.form-label-addon .text-danger[aria-hidden="true"]) .col-form-label > label::after,
.mform .fitem:has(.form-label-addon .text-danger[aria-hidden="true"]) .col-form-label > .d-inline-block::after {
    content: " *";
    color: var(--bs-danger, #ca3120);
    font-weight: 700;
}

/* Checkbox / radio with label in the left column. */
.mform .fitem:has(.form-check .text-danger[aria-hidden="true"]) .col-form-label > label::after,
.mform .fitem:has(.form-check .text-danger[aria-hidden="true"]) .col-form-label > .d-inline-block::after {
    content: " *";
    color: var(--bs-danger, #ca3120);
    font-weight: 700;
}

/* Date / date-time: single native picker instead of day/month/year/hour/minute dropdowns. */
.mform .onehr-date-picker-enhanced select,
.mform .onehr-date-picker-enhanced > button,
.mform .onehr-date-picker-enhanced .btn-link {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.mform .onehr-date-picker-enhanced .onehr-date-picker-input {
    min-width: 16rem;
    max-width: 100%;
}