/**
 * CAS Site Edition — Woo Passkeys frontend polish.
 * Branded CAS passkeys icon pair for Woo My Account endpoint.
 */

.woocommerce-MyAccount-navigation-link--passkeys a::before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--passkeys a::before {
  content: "";
  display: inline-block;
  width: 1.55em;
  height: 1.85em;
  margin-right: 0.62em;
  vertical-align: -0.38em;
  background: url("../images/cas-passkeys-logo.svg") no-repeat center / contain;
}

.woocommerce-MyAccount-navigation-link--passkeys.is-active a::before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--passkeys.is-active a::before,
.woocommerce-MyAccount-navigation-link--passkeys.is-active a:hover::before,
.woocommerce-account .woocommerce-MyAccount-navigation-link--passkeys.is-active a:hover::before {
  background-image: url("../images/cas-passkeys-logo-active.svg");
}

.cas-site-passkeys-assertion-actions {
  margin-top: 0.75rem;
}

.cas-site-passkeys-assertion-actions .cas-site-passkeys-verify-button {
  margin-left: 0.5rem;
}

.cas-site-passkeys-assertion-message {
  margin-top: 0.75rem;
  font-weight: 700;
}

.cas-site-passkeys-login {
  margin-top: 1rem;
}

.cas-site-passkeys-login-button {
  display: inline-flex !important;
  align-items: center;
  gap: 0.65rem;
}

.cas-site-passkeys-login-button__icon {
  width: 1.2em;
  height: 1.45em;
  display: inline-block;
  background: url("../images/cas-passkeys-logo-active.svg") no-repeat center / contain;
}

.cas-site-passkeys-login-message {
  margin-top: 0.75rem;
  font-weight: 700;
}