/**
 * Shared field, button, and validation states for public pages.
 * Loaded after page CSS. Tokens live in bt-form-tokens.css.
 *
 * Editable fields show a blue border and outline on hover and focus.
 * Error fields stay coral. Disabled and read-only fields stay quiet.
 */

#shopper.kiosk-ui .form-control:not([readonly]):not(:disabled):not(.error):hover,
#shopper.kiosk-ui .form-control:not([readonly]):not(:disabled):not(.error):focus,
#shopper.kiosk-ui .kiosk-input:not([readonly]):not(:disabled):not(.error):hover,
#shopper.kiosk-ui .kiosk-input:not([readonly]):not(:disabled):not(.error):focus,
#shopper.kiosk-ui .form-control-cart:not([readonly]):not(:disabled):not(.error):hover,
#shopper.kiosk-ui .form-control-cart:not([readonly]):not(:disabled):not(.error):focus,
#shopper.kiosk-ui .mx-input:not(:disabled):not(.error):hover,
#shopper.kiosk-ui .mx-input:not(:disabled):not(.error):focus,
#shopper.completion-ui .form-control:not([readonly]):not(:disabled):not(.error):hover,
#shopper.completion-ui .form-control:not([readonly]):not(:disabled):not(.error):focus,
#shopper.completion-ui .completion-input:not([readonly]):not(:disabled):not(.error):hover,
#shopper.completion-ui .completion-input:not([readonly]):not(:disabled):not(.error):focus,
#shopper.completion-ui .mx-input:not(:disabled):not(.error):hover,
#shopper.completion-ui .mx-input:not(:disabled):not(.error):focus,
#btr-body .form-control:not([readonly]):not(:disabled):not(.error):hover,
#btr-body .form-control:not([readonly]):not(:disabled):not(.error):focus,
#btr-body .form-control-cart:not([readonly]):not(:disabled):not(.error):hover,
#btr-body .form-control-cart:not([readonly]):not(:disabled):not(.error):focus,
#btr-body .mx-input:not(:disabled):not(.error):hover,
#btr-body .mx-input:not(:disabled):not(.error):focus,
#btr-body .vti__input:not(:disabled):hover,
#btr-body .vti__input:not(:disabled):focus,
#wp-cart .form-control:not([readonly]):not(:disabled):not(.error):hover,
#wp-cart .form-control:not([readonly]):not(:disabled):not(.error):focus,
#wp-cart .mx-input:not(:disabled):hover,
#wp-cart .mx-input:not(:disabled):focus,
.master-lookup-modal .form-control:not([readonly]):not(:disabled):not(.error):hover,
.master-lookup-modal .form-control:not([readonly]):not(:disabled):not(.error):focus,
body.bt-account .form-control:not([readonly]):not(:disabled):not(.error):hover,
body.bt-account .form-control:not([readonly]):not(:disabled):not(.error):focus {
    border-color: var(--bt-blue);
    outline: 2px solid var(--bt-blue);
    outline-offset: 2px;
    box-shadow: none;
}

#shopper.kiosk-ui .form-control.error:hover,
#shopper.kiosk-ui .form-control.error:focus,
#shopper.kiosk-ui .kiosk-input.error:hover,
#shopper.kiosk-ui .kiosk-input.error:focus,
#shopper.kiosk-ui .has-error .form-control:hover,
#shopper.kiosk-ui .has-error .form-control:focus,
#shopper.completion-ui .form-control.error:hover,
#shopper.completion-ui .form-control.error:focus,
#shopper.completion-ui .completion-input.error:hover,
#shopper.completion-ui .completion-input.error:focus,
#shopper.completion-ui .has-error .form-control:hover,
#shopper.completion-ui .has-error .form-control:focus,
#btr-body .form-control.error:hover,
#btr-body .form-control.error:focus,
#btr-body .has-error .form-control:hover,
#btr-body .has-error .form-control:focus,
#btr-body .error:hover,
#btr-body .error:focus,
#wp-cart .form-control.error:hover,
#wp-cart .form-control.error:focus,
#wp-cart .has-error .form-control:hover,
#wp-cart .has-error .form-control:focus {
    border-color: var(--bt-coral-border);
    outline: 2px solid var(--bt-coral-border);
    outline-offset: 2px;
    box-shadow: none;
}

#shopper.kiosk-ui .btn:focus-visible,
#shopper.completion-ui .btn:focus-visible,
#shopper.completion-ui .submit-renter-btn:focus-visible,
#btr-body .btn:focus-visible,
#wp-cart .btn:focus-visible,
.master-lookup-modal .btn:focus-visible,
#shopper.kiosk-ui .kiosk-toggle-btn:focus-visible,
#shopper.completion-ui .completion-toggle-btn:focus-visible,
#btr-body input[type="checkbox"]:focus-visible,
#wp-cart input[type="checkbox"]:focus-visible,
#btr-body .completion-toggle-btn:focus-visible,
#wp-cart .completion-toggle-btn:focus-visible,
body.bt-account .btn:focus-visible,
body.bt-account input[type="checkbox"]:focus-visible {
    outline: 2px solid var(--bt-focus, var(--bt-blue));
    outline-offset: 2px;
    box-shadow: none;
}

#shopper.kiosk-ui .vs__search:focus,
#shopper.kiosk-ui .vs__search:focus-visible,
#shopper.kiosk-ui .IZ-select__input input:focus,
#shopper.kiosk-ui .IZ-select__input input:focus-visible,
#btr-body .vs__search:focus,
#btr-body .vs__search:focus-visible {
    outline: none;
    box-shadow: none;
}