﻿/* Shared required-field indicators */
.required-field-mark {
    display: inline-block;
    margin-inline-start: .2rem;
    color: #c62828;
    font-size: 1.05em;
    font-weight: 900;
    line-height: 1;
}

.required-fields-note {
    display: flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    max-width: 100%;
    margin: .25rem 0 1rem;
    padding: .55rem .75rem;
    border: 1px solid rgba(198, 40, 40, .18);
    border-radius: .65rem;
    color: #7f1d1d;
    background: rgba(254, 242, 242, .82);
    font-size: .82rem;
    line-height: 1.5;
}

.required-fields-note strong {
    color: #c62828;
    font-size: 1.15em;
    line-height: 1;
}

.required-field-sr {
    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;
}

[aria-required="true"]:not([type="checkbox"]):not([type="radio"]) {
    scroll-margin-top: 7rem;
}

.input-validation-error[aria-required="true"],
[aria-invalid="true"][aria-required="true"] {
    border-color: #c62828 !important;
    box-shadow: 0 0 0 .12rem rgba(198, 40, 40, .08);
}
