/* Accessibility fixes (IAAP audit, WCAG 2.1 AA 1.4.3 contrast). Loaded after every other stylesheet. */

/* Grey text on white: #999 was 2.8:1; #6b6b6b is 5.3:1. */
.section-heading span:first-child,
.h-fourth .list-inline li a,
.contact-bottom h3,
.modal-banner form label {
    color: #6b6b6b;
}

/* Market widget on its #f5f5f5 panel: #737373 and #757575 were 4.3:1; #595959 is 6.4:1. */
.h-fourth .btn-secondary,
.equal-li li a {
    color: #595959;
}

/* Downloads tab: the red "Download file" links were 3.1:1 on white; #c62828 is 5.6:1. */
.dnld-icon a,
.dnld-icon a i {
    color: #c62828 !important;
}

/* Headings promoted from h3 to h2 for a correct outline keep their old size. */
h2.section-heading {
    font-size: 1.75rem;
}
h2.section-heading-1 {
    font-size: 30px;
}

/* Contact form labels (previously the fields only had placeholder text). */
#contactUsForm label {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
    color: #333;
}

/* The logo link has an inline margin-left: -100px (for the desktop layout) that pushed the logo
   and half the company name off-screen on phones (WCAG 1.4.10 reflow). */
@media (max-width: 991.98px) {
    header .navbar-brand {
        margin-left: 0 !important;
    }
}

/* Keyboard focus must stay visible (WCAG 2.4.7); the phone stylesheet removed it from buttons. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    /* !important: a scrolling plugin sets outline: none inline on the news list. */
    outline: 2px solid #000080 !important;
    outline-offset: 2px;
}

/* Skip link: hidden until it receives keyboard focus. */
.skip-link:focus {
    position: absolute;
    z-index: 10000;
    top: 8px;
    left: 8px;
    padding: 8px 14px;
    background: #000080;
    color: #fff;
}

/* Links inside download descriptions (typed in the admin panel) used Bootstrap's default blue,
   3.97:1 on white. #0056b3 is 7:1; the underline marks them as links without relying on colour. */
.list-description a,
.list-description a:visited {
    color: #0056b3;
    text-decoration: underline;
}