/* No focus ring after a mouse click on buttons, links, arrows, X's and other controls.
   Bootstrap's reboot adds a blue "button:focus" outline and ".btn:focus" glow that appear on every click;
   :focus-visible keeps a ring for keyboard users, and text fields keep their focus styling. */
button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible),
a:focus:not(:focus-visible),
summary:focus:not(:focus-visible),
select:focus:not(:focus-visible),
label:focus:not(:focus-visible),
[tabindex]:focus:not(:focus-visible),
input[type="checkbox"]:focus:not(:focus-visible),
input[type="radio"]:focus:not(:focus-visible),
input[type="range"]:focus:not(:focus-visible),
input[type="button"]:focus:not(:focus-visible),
input[type="submit"]:focus:not(:focus-visible),
svg:focus, canvas:focus, iframe:focus,
.btn:focus:not(:focus-visible),
.page-link:focus:not(:focus-visible),
.close:focus:not(:focus-visible),
.dropdown-toggle:focus:not(:focus-visible),
.nav-link:focus:not(:focus-visible) { outline: none !important; }

.btn:focus:not(:focus-visible),
.btn:not(:disabled):not(.disabled):active:focus:not(:focus-visible),
.page-link:focus:not(:focus-visible),
.close:focus:not(:focus-visible),
.custom-select:focus:not(:focus-visible),
.custom-control-input:focus:not(:focus-visible) ~ .custom-control-label::before { box-shadow: none !important; }