// Gateway Payment Method Display in Customer Portal
// Rendered by AdminDisplayHooks::renderCustomerPaymentMethodDetails()

.arraysubs-gateway-payment-details {
  td {
    vertical-align: middle;
  }
}

.arraysubs-payment-method-card-display {
  font-weight: 600;
  color: #333;
}

.arraysubs-payment-method-expiry {
  display: inline-block;
  margin-left: 8px;
  font-size: 13px;
  color: #666;

  &--expired {
    color: #dc3232;
  }
}

.arraysubs-payment-method-expired-badge {
  display: inline-block;
  margin-left: 4px;
  padding: 1px 6px;
  background: #f8d7da;
  color: #721c24;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 600;
  vertical-align: middle;
}

.arraysubs-update-payment-method-link {
  display: inline-block;
  margin-top: 6px;
  font-size: 13px;
  color: #2271b1;
  cursor: pointer;

  &:hover {
    color: #135e96;
    text-decoration: underline;
  }
}
