/* ==========================================================================
   a11y-forms.css - accessibility rules shared by the login page, its three modals
   (forgotpassword / onetimelogin / onetimedemo) and the contact forms.
   Loaded by the Home controller (login() and userContact()) AFTER a11y.css.
   The modal views are fetched by ajax into #homeModal, so their own <style> blocks
   never reached <head>; the login page is what loads this file for them.
   ========================================================================== */

/* modal header: white title on #00A8B3 was 2.9:1, on #00707a it is 5.8:1 */
.bg-primary-custom {
    background: #00707a;
}

/* close button: Bootstrap fades it to 50% opacity, which drops the white X to ~2.6:1 on the header */
.modal-header .close {
    opacity: 1;
    text-shadow: none;
}
.modal-header .close:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* captcha input: its base rule has outline:none, so give keyboard focus a visible ring */
.textInput:focus {
    outline: 3px solid #0056b3;
    outline-offset: 2px;
}

/* people who ask their OS for less motion get none */
@media (prefers-reduced-motion: reduce) {
    .btn-submit { transition: none; }
    .btn-submit:hover { transform: none; }
}