/* Accesso con un fornitore esterno (js/common/oidc.js, protect/apps/oidc.php): il bottone
   sotto il modulo della finestra di accesso e l'icona nel menu dell'utente. L'icona e' quella
   ufficiale di ORCID (img/common/orcid_id.svg), che le linee guida vogliono non alterata e
   accanto al testo; il verde #A6CE39 e' il suo, e qui fa solo da bordo al passaggio del mouse. */
.oidc-accesso {
  margin-top: 1rem;
}
.oidc-oppure {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: .75rem;
  color: var(--bs-secondary-color, #6c757d);
  font-size: .875rem;
}
.oidc-oppure::before,
.oidc-oppure::after {
  content: "";
  flex: 1;
  border-top: 1px solid var(--bs-border-color, #dee2e6);
}
.oidc-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .6rem;
  width: 100%;
  border: 1px solid var(--bs-border-color, #ced4da);
  background-color: var(--bs-body-bg, #fff);
  color: var(--bs-body-color, #212529);
}
.oidc-btn:hover,
.oidc-btn:focus-visible {
  border-color: #a6ce39;
  background-color: var(--bs-tertiary-bg, #f8f9fa);
  color: var(--bs-body-color, #212529);
}
.oidc-btn img {
  width: 1.5rem;
  height: 1.5rem;
  flex: none;
}
.oidc-btn + .oidc-btn {
  margin-top: .5rem;
}
.oidc-icona {
  width: 1rem;
  height: 1rem;
  vertical-align: -.15em;
}

/* Il bottone di Google, tema chiaro delle linee guida del marchio
   (developers.google.com/identity/branding-guidelines): fondo #FFFFFF, bordo #747775 di 1 px,
   testo #1F1F1F in Google Sans Medium 14/20 (css/common/font-google-sans.css, che bottom.php
   include dove Google e' offerto), «G» di 20 px a colori, non alterata (img/common/google_g.svg,
   dal pacchetto ufficiale), 12 px prima della «G», 10 px fra «G» e testo, alto 40 px. I colori
   restano questi anche negli stili scuri: il tema chiaro vale su qualunque fondo. */
.oidc-btn.oidc-btn-google {
  gap: 10px;
  min-height: 40px;
  padding: 10px 12px;
  border: 1px solid #747775;
  border-radius: 4px;
  background-color: #ffffff;
  color: #1f1f1f;
  font-family: "Google Sans", Roboto, Arial, sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .25px;
}
.oidc-btn.oidc-btn-google:hover,
.oidc-btn.oidc-btn-google:focus-visible {
  border-color: #747775;
  background-color: #f2f2f2;   /* il fondo «neutro» delle linee guida, su cui la «G» resta ammessa */
  color: #1f1f1f;
}
.oidc-btn.oidc-btn-google img {
  width: 20px;
  height: 20px;
}