/* Kitchener WashCard shared polish.
   Loaded after Bootstrap by App.Master, default.aspx, promo.aspx and
   appdefault.aspx. Presentation only: colours and states, no layout. */

/* Primary button: the legacy grey / blue-border look that the payment,
   wash-card and history pages always used, and that matches the native
   buttons in the Android and iOS apps these pages are embedded in. Defined
   once here so every page (including the public pages that used to fall back
   to Bootstrap blue/red) gets the same button. Page-level sizing
   (padding/width) is unchanged and still lives on each page. */
.btn-primary {
    color: #000;
    background-color: #e8e8e8;
    border: 1px solid blue;
}

.btn-primary:hover {
    color: #000;
    background-color: #dcdcdc;
    border-color: blue;
}

/* Bootstrap 4.5.2 (the App.Master pages) also sets colours on :focus, so the
   focus rule must restate them or a focused button turns Bootstrap blue. */
.btn-primary:focus,
.btn-primary.focus {
    color: #000;
    background-color: #dcdcdc;
    border-color: blue;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 255, 0.25);
}

/* Pressed: one step darker than hover so the press reads as feedback. */
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    color: #000;
    background-color: #d0d0d0;
    border-color: blue;
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 255, 0.25);
}

.btn-primary:disabled,
.btn-primary.disabled {
    color: #000;
    background-color: #e8e8e8;
    border-color: blue;
}

/* Bootstrap 3 class still used by the Cancel button on appdefault.aspx.
   Bootstrap 4 ships no rule for it, so it rendered as a borderless text
   button; give it the same grey family with a neutral border. */
.btn-default {
    color: #000;
    background-color: #e8e8e8;
    border: 1px solid #adb5bd;
}

.btn-default:hover,
.btn-default:focus {
    color: #000;
    background-color: #dcdcdc;
    border-color: #adb5bd;
}