/* ORCID's colours, wherever the product draws ORCID: its sign-in button on
   the login and sign-up pages, and the linked iD on the profile page.

   The public shell loads this file from the asset registry and the app
   shell through its layout.head.css slot, after their own stylesheets. A
   product that wants another look overrides these selectors in a
   stylesheet of its own. */

/* The sign-in button. Every state is set, so the button stays ORCID's
   whatever a shell does to a bare .btn on hover or focus. The variables are
   the ones Bootstrap 5.3 reads, and the properties serve the shells that do
   not read them. */
.btn.btn-orcid,
.btn.btn-orcid:hover,
.btn.btn-orcid:focus,
.btn.btn-orcid:focus-visible,
.btn.btn-orcid:active {
  --bs-btn-color: #fff;
  --bs-btn-bg: #a6ce39;
  --bs-btn-border-color: #a6ce39;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8fbf2f;
  --bs-btn-hover-border-color: #8fbf2f;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #8fbf2f;
  --bs-btn-active-border-color: #8fbf2f;
  color: #fff;
  background-color: #a6ce39;
  border-color: #a6ce39;
}

.btn.btn-orcid:hover,
.btn.btn-orcid:focus-visible,
.btn.btn-orcid:active {
  background-color: #8fbf2f;
  border-color: #8fbf2f;
}

/* The ORCID mark, drawn in currentColor. */
.orcid-mark {
  color: #a6ce39;
  flex-shrink: 0;
}

/* The profile row: the linked iD in a field that reads as fixed, or a link
   to connect one that looks like the same field. */
.form-control.orcid-identity__field {
  background-color: #f8f9fa;
}

.form-control.orcid-identity__connect {
  color: #495057;
  cursor: pointer;
}

.orcid-identity__value {
  flex-grow: 1;
}

.btn.orcid-identity__disconnect,
.btn.orcid-identity__disconnect:hover,
.btn.orcid-identity__disconnect:focus,
.btn.orcid-identity__disconnect:focus-visible,
.btn.orcid-identity__disconnect:active {
  background: none;
  border: none;
  color: #a6ce39;
  cursor: pointer;
}