/*
 *  Bootstrap 5 defaults that PHR turns off, for every Bootstrap version of the markup.
 *
 *  WEB-INF/common/bootstrap-css-without-compat.jspf loads this file, so every page with
 *  Bootstrap 5 gets these rules. The two team skins also get them. Their markup predates
 *  Bootstrap 5, but it is not Bootstrap 3 either, so they do not load the Bootstrap 3
 *  compatibility stylesheet.
 */
/*
 *  Bootstrap 5 turns on animated scrolling for the whole document. No earlier version did. The
 *  rule stays off for two reasons. It changes how every in-page anchor behaves, and it breaks any
 *  WebDriver click on an element below the fold.
 *
 *  The driver scrolls the element into view and measures the click point at once. Chrome then
 *  reports MoveTargetOutOfBounds. That error took down TeamSkinTest's mchft_pr case when the two
 *  Bootstrap 4 skins stopped loading the compat stylesheet, where this rule used to live.
 *
 *  The selector is `:root` to match Bootstrap 5's. `html` would lose to it on specificity.
 */
:root {
  scroll-behavior: auto;
}

/*
 *  Bootstrap 5 dropped .form-group, which Bootstrap 3 and 4 gave a bottom margin. PHR's shared
 *  landing-login-form tag emits it. %nhs-login-container pulls the "or" separator up by 10px and
 *  assumes that margin. Without the margin the separator sits on top of the login button. The
 *  Bootstrap 3 compatibility stylesheet carries its own copy for the pages that load it.
 */
.form-group {
  margin-bottom: 15px;
}

/*
 *  Bootstrap 3 and 4 painted .btn-primary themselves. Bootstrap 5 moved the colours into
 *  variables that only .btn reads. landing-login-form.tagx gives the log in button
 *  `btn-primary col-xs-12` with no `btn`. The landing pages do not load
 *  main-style.css (CACHING_IGNORE), where PHR's own button colours live. On a team skin the
 *  button therefore fell back to the browser default. The text was black, and on mhacr-sussex,
 *  which paints no background of its own, the background was grey.
 *
 *  These are Bootstrap 3's declarations. A skin that paints its own button still wins. This file
 *  loads before every skin stylesheet, and their selectors are no weaker.
 */
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:hover,
.btn-primary:focus {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}